css - float 时 div 未被包含 -

Question

有谁知道为什么这个 .inner div 不包含这个 float 的元素吗？

Here is a jsfiddle

<header>
    <div class="inner">

        <h1>Heading Level 1</h1>

        <h2>Heading Level 2</h2>

        <a href="http://derekthomaswood.com">BUTTON</a>

    </div> <!-- end .inner -->
</header>

Answer 1

将 overflow: auto 添加到 .inner: http://jsfiddle.net/7Sunw/1/

float: left/right 以某种方式从标准元素流中提取元素，因此父元素不再拉伸(stretch)到它的大小。您必须使用 overflow: auto 来使其发生，即使子元素是 float 的也是如此。