3列液體佈局

Question

我在這個網站上工作，我在列上遇到一些麻煩。現在每列都有一個邊框，這就是我想要的效果。但是，我希望他們是同一個高度。我知道這些柱子的高度是最高的，但無論如何要保持它們始終保持一致。我試圖分別在每個列周圍放置一個容器，但我無法使其工作。有關如何完成此任務的任何建議？

這裏是網站：http://www.pitt.edu/~mkm49/1052/liquid.html

Answer 1

你需要一個 「clearfix」 ......所有的列後..這樣的...

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

.clearfix {明確：兩者; }

在這裏你可以找到更多的主題What methods of ‘clearfix’ can I use?

Answer 2

有沒有我喲答案兄弟，因爲我有我自己同樣的問題在一個月前......那麼這裏就是答案：

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 

應工作的Cuz那是我使用^ _^