已采纳回答 / 慕侠6962033
<...code...><...图片...>抛砖引玉:以上图中绿色为padding,黄色为margin。 可以看出,该代码的margin只设置了左右,达到控制元素间距的目的;padding四个方向都设置了,将背景层撑大。但是,...
2016-10-28
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;margin-left:13px;width:110px; }
#mid{float:left;width:650px;border:1px solid #999;}
#right{position:absolute;left:775px;border:1px solid #999;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;margin-left:13px;width:110px; }
#mid{float:left;width:650px;border:1px solid #999;}
#right{position:absolute;left:775px;border:1px solid #999;}
2016-10-28
CSS规定的有三种定位机制:普通文档流定位, 绝对定位,浮动定位。
position属性有四个值:relative(相对定位),absolute(绝对定位),fixed(固定定位),默认值为static(正常文档流);其中fixed与absolute同属于绝对定位机制。
position属性有四个值:relative(相对定位),absolute(绝对定位),fixed(固定定位),默认值为static(正常文档流);其中fixed与absolute同属于绝对定位机制。