最新回答 / qq_随心_82
我觉得是这样的。浮动的时候 div left脱离标准文档流,此时 right未设置浮动 上移覆盖left,所以margin-left 是导边框的距离, 当right也设置浮动,此时right left 同行,right 在left 后面 然后你应该能理解了吧
2016-09-23
我理解的自适应宽度应该是自适应父元素的宽度;
而这个视频的content元素只是适应了内容的宽度(因为绝对定位的元素的宽度是由内容撑开的),要是内容超出了父元素宽度,排版就不好看。
不是一般情况下的自适应宽度,应该将左边栏设置为绝对定位,右边栏按默认文档流并设置margin-left:200px。那么右边栏就能自适应父元素宽度。
而这个视频的content元素只是适应了内容的宽度(因为绝对定位的元素的宽度是由内容撑开的),要是内容超出了父元素宽度,排版就不好看。
不是一般情况下的自适应宽度,应该将左边栏设置为绝对定位,右边栏按默认文档流并设置margin-left:200px。那么右边栏就能自适应父元素宽度。
2016-09-23
#mainbody{overflow:hidden; position:relative; margin-top:15px; background:yellow;}
任务2完成后,mainbody要记得用overflow:hidden;清除浮动!!! 不然mainbody元素的高度会塌陷为和right一样,如果mainbody后面还有元素的话就会产生重叠,这里建议给mainbdy设置一个背景颜色方便观察效果。
如果没有给mainbody清除浮动,完成任务3时由于给right使用绝对定位脱离了文档流,任务3完成后mainbody高度就会塌陷为0。
任务2完成后,mainbody要记得用overflow:hidden;清除浮动!!! 不然mainbody元素的高度会塌陷为和right一样,如果mainbody后面还有元素的话就会产生重叠,这里建议给mainbdy设置一个背景颜色方便观察效果。
如果没有给mainbody清除浮动,完成任务3时由于给right使用绝对定位脱离了文档流,任务3完成后mainbody高度就会塌陷为0。
2016-09-23
#header{width:762px; border:4px solid #badbdb; background:url(../images/banner.gif) no-repeat; height:92px; text-align:right; color:#fff;}
------------------------------------
为什么header的样式要设置的这么复杂,text-align:right; color:#fff;这两个样式有必要吗??header里面不就添加了一个图片吗,文字下面也单独设置了#header a#header a
------------------------------------
为什么header的样式要设置的这么复杂,text-align:right; color:#fff;这两个样式有必要吗??header里面不就添加了一个图片吗,文字下面也单独设置了#header a#header a
已采纳回答 / qq_孤独的山炮_04031153
当你要某块块自适应排布的时候,要对祖先元素设置相对定位,再使用绝对定位,如果不对祖先元素设置定位,那么绝对定位会以根节点作为参照物,对祖先设置了定位,那么你想要定位的元素会根据最近的祖先来作为参照物! 设置了祖先定位,absolute,则要设置上下左右的PX
2016-09-22
最新回答 / zzluyao
mainbody背景颜色显示的2中方法mianbody标签不设置高度。A.在leftright标签下mianbody标签内部再加个空div标签并css清除浮动背景颜色就出来了 B.mianbody标签bfc化,mianbody css样式设置overflow:hidden 宽度继承父标签mianbody设置了高度。背景色自然就有了- -
2016-09-22
最赞回答 / qq_从小就很萌灬_04090553
我觉得那儿应该就是left不应该是margin-left margin是相邻div与div的,按讲的意思就成了和包含它的mainbody之间的距离,可是它们两个是包含关系不是相邻关系。
2016-09-22