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”。