已采纳回答 / socratesT
.left{width:200px;height:500px;background:yellow;left:0;top:0;position:absolute; }.right{height:500px;background:#9ACC99;margin:0 auto 0 210px;}
2015-12-05
已采纳回答 / wlf1112
<...图片...>如上图所示的三列布局，右边right宽度为300px,则中间main距离窗口右边的距离为300px才能刚好不覆盖在right图片上，又要与右边距离10px，则其距离浏览器右边框的距离为310px;左边同理，希望可以帮助你理解
2015-12-05
已采纳回答 / 木子舟义
.main{background:red;}.main:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}.left{background:#00f;float:left;width:50%;}.right{background:#1d9;float:right;width:50%;}
2015-12-04
已采纳回答 / 木子舟义
main 不写相对定位，那么main中含有绝对定位属性的标签会相对于屏幕的左上角定位。如果main有相对定位，那么main中含有绝对定位属性的标签会相对于main容器的左上角定位。
2015-12-03
已采纳回答 / 深山小童
绝对定位是以它最近的已经定位的祖先元素为偏移基准的，所以为main设置position属性，之所以设置relative，因为相对定位没有脱离标准文档流，占据本身的位置，对排版影响较小，稳定，而绝对定位脱离文档流，相对复杂。right不用定位，是因为right是自适应宽度，没有固定宽度，如果使用绝对定位（或者浮动），其宽度是根据其内容大小变化的。
2015-12-03
已采纳回答 / 李晓健
如果你的左边和右边的宽度加起来和父级宽度一样，往哪浮动都一样，如果他们宽度和小于或大于父级宽度的话，他们的效果就不一样了，这个你自己在各种情况下多写写就好了，慢慢的体会。你体会的多了，就知道什么情况下应该用哪一个值了。
2015-12-02
已采纳回答 / 待到半暖天晴
.main{ width:960px; height:600px; margin:0 auto}.left{ width:300px; height:600px; background:#ccc; float:left;}/*左浮动样式*/.right{ width:640px; height:600px; background:#FCC; float:right;}/*右浮动样式*/你设置右边的宽度不填满外面的蹭就会有中间白色的留白
2015-12-02