#wrap{width:970px;margin:0 auto;}
#mainbody{overfolw:hidden;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;margin-left:790px;border:1px solid #999;}
对不对
#mainbody{overfolw:hidden;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;margin-left:790px;border:1px solid #999;}
对不对
2016-05-09
当元素设置为绝对定位后,元素也会 多出两类属性:偏移量属性 和 Z-index属性
不同的是:
1.该元素已经脱离了标准文档流(不占位)
2.建立的定位基准不是该元素的原来位置,而是分两种情况
2.1:没有设置偏移量:无论是否存在已定位的祖先元素,都保持在元素初始位置,脱离文档流,宽度塌陷(随内容变化而变化)
2.2:设置了偏移量:又分两种情况(A.无已定位的祖先元素 B.有已定位的祖先元素)
A.无已定位的祖先元素:它会以根节点(<html>)为偏移参照基准
B.有已定位的祖先元素:它会以距其最近的已定位祖先元素为偏移参照基准
绝对定位不在文档流中(不会占位置,宽度及长度显示随内容增减而增减
不同的是:
1.该元素已经脱离了标准文档流(不占位)
2.建立的定位基准不是该元素的原来位置,而是分两种情况
2.1:没有设置偏移量:无论是否存在已定位的祖先元素,都保持在元素初始位置,脱离文档流,宽度塌陷(随内容变化而变化)
2.2:设置了偏移量:又分两种情况(A.无已定位的祖先元素 B.有已定位的祖先元素)
A.无已定位的祖先元素:它会以根节点(<html>)为偏移参照基准
B.有已定位的祖先元素:它会以距其最近的已定位祖先元素为偏移参照基准
绝对定位不在文档流中(不会占位置,宽度及长度显示随内容增减而增减
那些说不用写提交就对了的,我就问问,你是想来刷分还是想来学习知识的?对不对自己不清楚?网站能给你一个学习平台就不错了,而且这个也无法判断对错,本来样式就不存在错误,只是存在合不合理而已
最新回答 / Silily
蓝色是wrap的背景色,对footer使用clear:both;清除了上面right的浮动,但是left和right浮动之后脱离文档流,无法撑起mianbody,所以看不到mianbody的背景色,之间显示出了wrap的背景色
2016-05-09
已采纳回答 / darcygail
mainbody高度为1000px,而left已经1000px,那么right就会被挤到mainbody下面去了,mainbody放不下,中间元素高度为(1000+500)px,footer和right同一个起点重叠了,你把mainbody的高度去掉应该就正常了
2016-05-09
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;widte:100%;overflow:hidden;}
#left{float:left;border:1px solid #000;width:110px; }
#mid{width:650px;float:left;margin-left:13px;border:1px solid #999;}
#right{position:absolute;left:794px;border:1px solid #999;}
#mainbody{position:relative; margin-top:15px;widte:100%;overflow:hidden;}
#left{float:left;border:1px solid #000;width:110px; }
#mid{width:650px;float:left;margin-left:13px;border:1px solid #999;}
#right{position:absolute;left:794px;border:1px solid #999;}
2016-05-08