div浮動時沒有包含 -

有誰知道爲什麼.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>

enter image description here

來源

2013-02-27 sheriffderek

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

float: left/right需要元素不知何故不符合標準要素流動，所以父元素不再延伸到它的大小。即使孩子的元素浮動，您也必須使用overflow: auto。

來源

2013-02-27 19:23:30 MarcinJuraszek

沒錯。你能詳細解釋一下嗎？在這種情況下，我並沒有真正需要溢出汽車。具體是什麼促使需要？浮動鏈接如何打破流動？ – sheriffderek 2013-02-27 19:28:09

我已經用一點解釋更新了我的答案。希望它有幫助。 – MarcinJuraszek 2013-02-27 19:32:02

雖然它沒有真正回答這個問題，「爲什麼」 - 我要把它標記爲已解決。謝謝你的幫助！這就是訣竅！如果我在規範中找到一些東西，我會把它放在這裏。 – sheriffderek 2013-02-28 18:59:17

嘗試頭之後再添加一個DIV

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

應該這樣做

來源

2013-02-27 19:24:58

那麼，雖然這可能工作，但我的問題是「爲什麼」的問題不是真正的問題 - 我不想只添加一個div到我的標記。 – sheriffderek 2013-02-28 00:37:07

div浮動時沒有包含 -

回答

相關問題