UC知道css布局的问题
来源：百度知道 编辑：UC知道 时间：2024/06/07 23:09:53
我的目的是想在分辨率为1024*768的屏幕上做一个三栏的布局，如图
但是，右边的两兰中间有空隙（黄色的），是怎么回事？我已经写*{padding：0 margin：0；}我也试了吧宽度加大1px，布局会变坏怎么让这三栏完美排列？
2，3楼答案都是用PX作单位。
我发现在IE7和FIREFOX中用EM。就会有空隙，或者破坏布局，而在OPERA中就没问题。
用%时只有IE7有问题，FIREFOX 和OPERA都没问题。
我现在一起用EM %，结果IE7中没空隙，而OPERA 和FIREFOX还有一点。
有点晕
但是，右边的两兰中间有空隙（黄色的），是怎么回事？我已经写*{padding：0 margin：0；}我也试了吧宽度加大1px，布局会变坏怎么让这三栏完美排列？
2，3楼答案都是用PX作单位。
我发现在IE7和FIREFOX中用EM。就会有空隙，或者破坏布局，而在OPERA中就没问题。
用%时只有IE7有问题，FIREFOX 和OPERA都没问题。
我现在一起用EM %，结果IE7中没空隙，而OPERA 和FIREFOX还有一点。
有点晕
HTML
<div id="header"></div>
<div id="content">
<div id="left"></div>
<div id="middle"></div>
<div id="right"></div>
</div>
<div id="footer"></div>
CSS
body{
margin:0;
padding:0;
width:1002px;}
#header{
background-color:red;
height:50px;}
#left,#middle,#right{height:600px;}
#left{
float:left;
width:602px;}
#middle{
background-color:green;
float:left;
width:200px;}
#right{
background-color:#555;
float:left;
width:200px;}
#footer{
background-color:blue;
height:50px;
clear:both;}
把content这个div去掉也行
-------------------------------------------
我把上面的px改成了em！
CSS
body{
margin:0;
padding:0;