明確都與浮動不會在Chrome

工作，我在Chrome瀏覽器中的問題與這個例子明確都與浮動不會在Chrome

這是一個積極的引導設計..

當width小於1000px綠色塊應按藍攔了下來，但在Chrome的藍色欄保持相同的位置，綠色塊用它分層..

http://www.bluemachines.dk/_bootstrap/break/

來源

2014-09-25 clarkk

刪除'height：385px;'到'＃presentation' – Anonymous 2014-09-25 10:03:36

@mary，這是不可能的，因爲設計 – clarkk 2014-09-25 10:07:59

您指定高度的 '#presentation' DIV：385px 。這個盒子裏面的綠色方塊。

'#statistics'div正在清除'#presentation'div，因此它將位於385px之後。

SOLUTION：

要麼增加「#presentation」 div的高度，包括綠盒的高度。

或

刪除'#presentation'div的高度。

來源

2014-09-25 10:05:40 Kayote

嘗試移動統計新行的div！

來源

2014-09-25 09:58:28

，因爲固定寬度給出了類下.COL-MD-12

#slideshow { 
    position: relative; 
    float: left; 
    height: 380px; 
    width: 570px; 
    background: rgba(0,0,0,0.1); 
} 
#register { 
    float: right; 
    height: 380px; 
    width: 20%; 
    background: green 
}

使用可以使用自舉類給了寬度

來源

2014-09-25 10:01:25

明確都與浮動不會在Chrome

回答

相關問題