我聽說你喜歡DIV，所以我把你的DIV放在你的DIV

顯然我的大腦今天早上變成了糊狀。我感到肯定的答案是顯而易見的，但我無法弄清楚我在做什麼愚蠢的事情。我猜這是什麼毛病的CSS所以這裏是：我聽說你喜歡DIV，所以我把你的DIV放在你的DIV

.fulldiv { 
    border:2px solid green; 
    background:white; 
    margin: 10px 0 10px 5px; 
    width:97.5%; 
} 
.fulldiv h2 { 
    background:green; 
    padding: 10px 5px; 
    margin:0; 
} 
.fulldiv p { 
    padding: 5px 5px; 
    margin:0; 
} 

.thirds { 
    border:2px solid cyan; 
    background:white; 
    margin: 10px 0; 
    width:31.5%; 
    float:left; 
    margin-left:5px; 
} 
.thirds h2 { 
    padding: 10px 5px; 
    background:cyan; 
    margin:0; 
} 
.thirds p { 
    margin:0; 
    padding: 5px 5px; 
}

全shenannigans可以在這個 JS Fiddle可以看出。

不應該將第三個.hicon div與上一個分開嗎？爲什麼三分之二的div在最後的div裏面變冷了？我忽略了什麼？

來源

2013-12-17 aslum

http://static.comicvine.com/uploads/original/11111/111113173/3214163-yo+dawg.jpg – man

我覺得我應該修改你的標題，但我也覺得這會讓我失去一種快樂。 – Liam

你可能確實是對的，但我想不出一個更好的，描述性的標題來解釋問題。 /： – aslum

You need to add：

<div style='clear:both;'></div>

，以清除你在的地方彩車和恢復文件流的最後.thirds DIV之後。

另外，您可以對.thirds的第n個孩子（3）使用CSS clearfix（或者直接添加clearfix類）

來源

2013-12-17 16:01:57 SW4

看起來清晰修復的情況下！我已經在Nicolas Gallagher的microclearfix中加入了，但那裏有很多。

http://jsfiddle.net/C9MZp/4/

.cf:before, 
.cf:after { 
    content: " "; /* 1 */ 
    display: table; /* 2 */ 
} 

.cf:after { 
    clear: both; 
}

來源

2013-12-17 16:05:14 Advocation

我聽說你喜歡DIV，所以我把你的DIV放在你的DIV

回答

相關問題