UC知道div+ccs排版高手请进
来源：百度知道 编辑：UC知道 时间：2024/07/08 13:43:35
一段代码如下：
<body style="text-align:center; margin:0px;">
<div id="约束层" style="position: relative; width:676px">
<div id="并列层1" style="float:left; width:338px; height:100px;"></div>
<div id="并列层2" style="float:left; width:338px; height:100px;"></div>
</div>
</body>
-------------------------------------
这里面有三个div为一个框架层、两个是并列层
有没有方法去掉框架层，而让这两个并列层（不全屏幕）并排居中呢？
也就是说两个宽度为338px的DIV如何居中在BODY中,注意是2个div而不是利用3个div。
1楼的朋友还不理解我的意思，就2个div不要加其他任何html标签，body属性是居中了的。你的方法不可用。
<body style="text-align:center; margin:0px;">
<div id="约束层" style="position: relative; width:676px">
<div id="并列层1" style="float:left; width:338px; height:100px;"></div>
<div id="并列层2" style="float:left; width:338px; height:100px;"></div>
</div>
</body>
-------------------------------------
这里面有三个div为一个框架层、两个是并列层
有没有方法去掉框架层，而让这两个并列层（不全屏幕）并排居中呢？
也就是说两个宽度为338px的DIV如何居中在BODY中,注意是2个div而不是利用3个div。
1楼的朋友还不理解我的意思，就2个div不要加其他任何html标签，body属性是居中了的。你的方法不可用。
据我所知，没办法
除非设置body{magin:0 auto;width:676px;}
有一个比较笨的办法，用js判断显示器的分辨率，然后根据不同分辨率给div定义边距，比如1024的屏就：
<div id="并列层1" style="float:left;margin-left:174px; width:338px; height:100px;"></div>
<div id="并列层2" style="float:left; width:338px; height:100px;"></div>
到目前为止你说的这种要求还不能用两个DIV 来实现，css里也没有这种命令。必需得三个DIV
将两上div用<center>标签对括起来试试
看页面标准而定，补充再回答