html - 使用 css 清除 div 旁边的部分

Question

我需要在 div 最后一个类名之后清除一个部分。由于某种原因，我无法编辑我的 html。我只需要使用 css 来实现它。

我的 HTML 代码：

<div class="column">test<br />test</div>
<div class="column">test</div>
<div class="column">test</div>
<div class="column last">test</div>
<div class="column">test<br />test</div>
<div class="column">test</div>
<div class="column">test</div>
<div class="column last">test</div>

CSS：

.column{ width:250px; margin-right:10px; float:left;}
.column.last{ margin-right:0px;}

有什么帮助吗？

Answer 1

.column.last:after {
     visibility: hidden;
     display: block;
     font-size: 0px;
     content: " ";
     clear: both;
     height: 0px;
     line-height: 0px;
 }

这称为“clearfix”。

Answer 2

使用 div 清除浮动。;)

.column{ width:24%; margin-right:1%;float:left;background:grey;margin-bottom:20px;}
.column.last{ margin-right:0px;}
.clear {clear:both;}


<div class="column">1<br />2</div>
<div class="column">3</div>
<div class="column">4</div>
<div class="column last">5</div>

<div class="clear"></div>

<div class="column">6<br />7</div>
<div class="column">8</div>
<div class="column">9</div>
<div class="column last">10</div>

http://jsfiddle.net/vinicius5581/YMf2j/7