由于mid已经设置了float,所以position是不起作用的,所以只能为mainbody设置relative,让right相对于mainbody偏移
2016-03-18
CSS中3中定位机制:1.标准文档流(a.从左到右,从上到下,输出文档内容b.由块级元素和行级元素组成)。2.浮动3.绝对定位。
2016-03-18
难道只有我一个人瞎?任务1不是要求wrap的顶部和底部与浏览器无间距么?
#wrap{width:972px;margin:0 auto;border:1px solid #ccc;overflow:hidden;position:absolute;top:0;bottom:0;left:50%;margin-left:-486px;}
#wrap{width:972px;margin:0 auto;border:1px solid #ccc;overflow:hidden;position:absolute;top:0;bottom:0;left:50%;margin-left:-486px;}
2016-03-17
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{width:100%; margin-top:15px; position:relative;}
#left{float:left;width:110px; }
#mid{float:left; margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute; top:0; margin-left:790px;border:1px solid #999;}
#wrap{width:970px; margin:0 auto;}
#mainbody{width:100%; margin-top:15px; position:relative;}
#left{float:left;width:110px; }
#mid{float:left; margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute; top:0; margin-left:790px;border:1px solid #999;}
2016-03-17