已采纳回答 / 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
已采纳回答 / 一毛钱
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。看看float的定义就知道了
2015-11-30
已采纳回答 / 李晓健
这个margin 是用在了中间那块上，这里margin 一共4个值 分别对应 上 右 下 左 ；对应到他给的值就是 上：0；右310px; 下：0； 左：210px; 因为他是左中右的布局，所以上下不用管，都是0，这个没有问题。说一下他的左右的值是怎么算出来的。先看左边的，他给的值是210px,再看一下他左边区域div的宽度，200px，而且是用定位放到了左边,因为他们是在一行上的，左边区域就会盖到中间区域上，所以中间的区域要把左边的区域的宽度空出来，也就是至少要空出200px 左边才能正好显示。他给...
2015-11-21
