的CSS格造型

我有一個DIV，它包含在它裏面兩個div，我包括下面的源代碼，問題是：如果我在Firefox的縮小，從論文鉻div的第二個div流出，從它的位置和站在第一個div下面，我應該怎麼寫css才能保持它的位置？的CSS格造型

<div id="container"> 
    <div id="id1"></div> 
    <div id="id2"></div> 
</div>

的style.css是

#container { 
    width: 646px; 
    height: auto; 
    margin:0 auto; 
    padding:0; 
} 

#id1 { 
    float: left; 
    width: 315px; 
    height: 115px; 
    border-top: 1px solid #ccc; 
    border-left: 1px solid #ccc; 
    border-bottom: 1px solid #999; 
    border-right: 1px solid #999; 
    box-shadow: 0 1px 1px #cccccc; 
} 

#id2 { 
    float: left; 
    width: 314px; 
    height: 115px; 
    border-top: 1px solid #ccc; 
    border-left: 1px solid #ccc; 
    border-bottom: 1px solid #999; 
    border-right: 1px solid #999; 
    box-shadow: 0 1px 1px #cccccc; 
    margin-left:13px; 
}

來源

2012-04-07 orif

你需要增加'＃container'寬度。 – noob 2012-04-07 11:51:40

爲什麼要增加寬度，爲讓我們計算：#container的寬度等於646px，#ID寬度爲315px，邊框右邊和左邊2px的，#ID寬度爲314px邊框右側和左側的2px和MARGI向左13像素，所以讓我們來總結一下他們315px + 2px + 314px + 2px + 13px = 646px，對嗎？或者我錯過了其他的？ – orif 2012-04-07 12:00:18

請@micha正確寫我的暱稱，這不是Dubalizer，但Drupalizer好嗎？ – orif 2012-04-07 12:25:07

這是因爲，如果你縮小了將減少屏幕上的元素的大小。但是因爲邊界太小，它們不能再減小它的大小，所以它將保持不變。

如果你真的想修復它，你應該增加寬度#container約652px。

來源

2012-04-07 11:59:21 noob

謝謝，這真的很有道理 – orif 2012-04-07 12:22:02

的CSS格造型

回答

相關問題