div位置不对_html/css_WEB-ITnose

我本意打算上边两个并排，第三个在下边


div.main-body{
width:900px;
height:900px;
background:#000;
margin:0px auto;
padding:0;
}

div.left{
width:600px;
height:600px;
background:#00F;
float:left;
margin-left:0px;
}

显示的时候，第一个在距离左边的时候总是有一段距离，以至于第二个放不下，然后显示在下边去了

回复讨论(解决方案)

蓝色部分就是left,黑色部分就是mian-body。蓝色不应该在左边么？？？？？

你为什么不用表格控制版面，div嵌入到表格内

left
right
down

div.main-body{width:900px;height:900px;background:#6F9;margin:0px auto;padding:0;}div.left{width:600px;height:600px;background:#00F;float:left;margin-left:0px;}div.right{width:300px;height:600px;background:red;float:left;margin-left:0px;}

css第一步 reset一下

遇到排版和位置问题时建议统一absolute，最后包一个relative，这样是最轻松最直观的，只用top,left,right,bottom：就可以。