html - 包装器 div 到内部 float 元素的高度？

Question

我有一个 div 'a' (simple div)

和 div 'b' 是 float:left;

我想知道将 div 'a' 的高度设置为 div 'b' 的完美包装的正确方法是什么(根据 高度).

我知道有一些选择:

1) 设置 'a' : overflow:hidden (有效)。

2) 在'b' div 的末尾设置'clear':both

• ) 我很想知道更多选项(除了 div 'a' 的固定高度...)

• )，当然还有更好的方法。

Answer 1

@Royi Namir；还有其他人喜欢clearfix像这样

CSS:

.clearfix:after {
    display: block;
    content: " ";
    clear: both;
    }

根据更好的方法，clearfix 和 overflow:hidden 两者都更好，因为您无需在 html 中编写任何 extra markup每个元素。