有誰知道爲什麼.inner div不包含這個浮動的元素嗎?div浮動時沒有包含 -
<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>
有誰知道爲什麼.inner div不包含這個浮動的元素嗎?div浮動時沒有包含 -
<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>
添加overflow: auto
到.inner
:http://jsfiddle.net/7Sunw/1/
float: left/right
需要元素不知何故不符合標準要素流動,所以父元素不再延伸到它的大小。即使孩子的元素浮動,您也必須使用overflow: auto
。
嘗試頭之後再添加一個DIV
<div id="footer" style="clear: both;"></div>
應該這樣做
那麼,雖然這可能工作,但我的問題是「爲什麼」的問題不是真正的問題 - 我不想只添加一個div到我的標記。 – sheriffderek 2013-02-28 00:37:07
沒錯。你能詳細解釋一下嗎?在這種情況下,我並沒有真正需要溢出汽車。具體是什麼促使需要?浮動鏈接如何打破流動? – sheriffderek 2013-02-27 19:28:09
我已經用一點解釋更新了我的答案。希望它有幫助。 – MarcinJuraszek 2013-02-27 19:32:02
雖然它沒有真正回答這個問題,「爲什麼」 - 我要把它標記爲已解決。謝謝你的幫助!這就是訣竅!如果我在規範中找到一些東西,我會把它放在這裏。 – sheriffderek 2013-02-28 18:59:17