css - 具有 3 列的液体布局

Question

我在这个网站上工作，我在列方面遇到了一些问题。现在每列周围都有一个边框，这就是我想要的效果。但是，我希望它们具有相同的高度。我知道柱子的高度是最高的，但无论如何都要让它们始终保持不变。我尝试在每列周围分别放置一个容器，但我无法让它工作。关于如何做到这一点的任何建议？

这是网站：http ://www.pitt.edu/~mkm49/1052/liquid.html

Answer 1

在那里我得到了你的回答兄弟，因为一个月前我自己也遇到了同样的问题......嗯，这是答案：

CSS 部分

  .col {
   float:left;
   margin-left:3%;
   width:20%;
   height:300px;
   border-radius:10px;
   border-style:solid;
   border-width:5px
   }

html部分

  <div class="col">
    <p>Lorem...</p>
  </div

  <div class="col">
    <p>Lorem...</p>
  </div

  <div class="col">
    <p>Lorem...</p>
  </div

应该工作因为那是我使用的^_^

Answer 2

你需要一个“clearfix”......在所有列之后......像这样......

<div class="clearfix"></div>

.clearfix { 明确：两者；}

在这里您可以找到有关某个主题的更多信息 我可以使用哪些“clearfix”方法？