#wrap{width:970px; margin:0 auto;【任务1】}
#mainbody{【任务3】 margin-top:15px;position:relative;}
#left{【任务2】width:110px;float:left; }
#mid{【任务2】width:650px;border:1px solid #999;margin-left:13px;float:left;}
#right{【任务3】border:1px solid #999;position:absolute;left:773px;}
#mainbody{【任务3】 margin-top:15px;position:relative;}
#left{【任务2】width:110px;float:left; }
#mid{【任务2】width:650px;border:1px solid #999;margin-left:13px;float:left;}
#right{【任务3】border:1px solid #999;position:absolute;left:773px;}
2015-11-29
使用绝对定位实现横向两列布局一般用于:一列固定宽度,一列自适应宽度。
主要应用技能:
relative-父元素相对定位。
absolute-自适应宽度元素绝对定位
注意:固定宽度列的高度>自适应宽度的列,否则会造成文档的溢出。
主要应用技能:
relative-父元素相对定位。
absolute-自适应宽度元素绝对定位
注意:固定宽度列的高度>自适应宽度的列,否则会造成文档的溢出。
2015-11-29