css - div 浮动时没有被包含 -

Question

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

这是一个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以某种方式将元素从标准元素流中取出，因此父元素不再延伸到它的大小。overflow: auto即使子元素是浮动的，您也必须使用它来实现它。

Answer 2

尝试在标题后添加另一个 div

<div id="footer" style="clear: both;"></div>

应该这样做