已采纳回答 / 慕勒4413983
.main{width:100%;height:600px;background:#00F; position:relatve}.left{ width:200px;height:600px;background:#3CC; ;top:0; left:0}.right{width:80%;height:600px;background:#F33; margin-left:210px;position:absolute}可以回顾一下相对定位与绝对定位
2016-12-01
已采纳回答 / Hbrsql
"margin-left:210px;"可以使.right DIV右移210px,已达到实践的效果.position:abosolute;right:0;top:100px;也能达到同样的效果.要实现同一种效果,可能有好多种方式,选择自己认为较优的即可.
2016-12-01
最赞回答 / lsnFor
清除浮动有以下三种方式：1.父元素清除浮动设置--->.box{overflow:hidden;}<div class="box"> <div class="left"></div> <div class="right"></div></div>2.浮动元素后添加空div清除浮动设置--->.clear{clear:both;}（通常情况both）<div class="left"></div...
2016-11-26
已采纳回答 / lsnFor
首先你要理解文档流和浮动：文档流：自上而下，从左到右。浮动（两张纸叠放，最下面的是文档流，上面的是浮动元素的位面）：脱离文档流。然后分析问题：top元素的子元素head，高度100px，存在于文档流中main元素的子元素left，right高度600px，浮动，脱离文档流footer元素，高度100px，存在于文档流中。文档流（底层）top元素后紧跟footer元素，并不受浮动元素影响，因为不在同一个位面。
2016-11-24
最赞回答 / lsnFor
margin并不是相对于窗口，而是相对于自身，举个栗子榴莲，外面的刺可以理解为margin（外边距），皮的厚度可以理解为padding（内填充/内边距）第一个盒子head-高度100px第二个盒子main（浮动）-高度600px第三个盒子footer，margin-top:600px;（相当于自身的刺为600px，拉开了与第一个盒子的距离）
2016-11-23