css边距自动调整,CSS定位问题（了解浮动边距 - 左/右/自动）

我认为这会更清楚，

D2，D3＆amp; D4彼此相邻，并始终以屏幕为中心。(960px)

D2-680px，D3-10px，D4-270px(所有三个在一起并且必须在屏幕上居中)

D1和D5必须根据屏幕宽度进行调整

此外，如果用户浏览器宽度大于1200px，则还将使用D1

我只在这里包含一个D5用于居中目的(因为不幸的是我只考虑表格.D5不会真的被使用。)

为了帮助您更好地理解，我有一个我写的粘滞便笺应用程序并想要放在网站上。通常所有音符都必须留在680 div内，但如果他们的浏览器是1200px我

我们也想让他们把它们放在左栏(D1)中。

所以我想做的事情(作为一种解决方法)是使用我上面的代码(960区域)将三列居中......而且，如果浏览器，我只会在div(D1)上进行分层 - 宽度至少为1200px。 [我对d1图层宽度的计算结果为(browserWidth-960/2)]。

BODY {margin:0px;padding:0px;}

#container {width:960px;margin-left:auto;padding:0px;margin-right:auto;height:60px;}

#dx {width:690px;}

#d2 {background-color:#ff0000;margin:0px;padding:0px;width:680px;height:60px;}

#d3 {background-olor:#00ff00;margin:0px;padding:0px;width:10px;height:60px;float:right;}

#d4 {background-color:#0000ff;margin:0px;padding:0px;width:270px;height:60px;float:right;}

换句话说，我不能弄乱960区域(因为那是网站)，但如果他们的屏幕足够宽，我也想让他们把棍子放在左侧栏(D1)上。