的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格造型

回答

相关问题