为了账号安全,请及时绑定邮箱和手机立即绑定

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
有人暂停看了那段文字吗?我暂停了
为何我的DW代码提示功能有打开但就是没提示

最新回答 / qq_随心_82
我觉得是这样的。浮动的时候 div left脱离标准文档流,此时 right未设置浮动  上移覆盖left,所以margin-left 是导边框的距离, 当right也设置浮动,此时right  left 同行,right 在left 后面  然后你应该能理解了吧
我理解的自适应宽度应该是自适应父元素的宽度;
而这个视频的content元素只是适应了内容的宽度(因为绝对定位的元素的宽度是由内容撑开的),要是内容超出了父元素宽度,排版就不好看。
不是一般情况下的自适应宽度,应该将左边栏设置为绝对定位,右边栏按默认文档流并设置margin-left:200px。那么右边栏就能自适应父元素宽度。
#mainbody{overflow:hidden; position:relative; margin-top:15px; background:yellow;}

任务2完成后,mainbody要记得用overflow:hidden;清除浮动!!! 不然mainbody元素的高度会塌陷为和right一样,如果mainbody后面还有元素的话就会产生重叠,这里建议给mainbdy设置一个背景颜色方便观察效果。
如果没有给mainbody清除浮动,完成任务3时由于给right使用绝对定位脱离了文档流,任务3完成后mainbody高度就会塌陷为0。
很强势,在之前的CSS课程中,绝对定位说的是相对于body定位,这个课程分分钟打脸。
#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的内容没显示
margin-left:780 刚好对平 header头部阴影 好吧
用得着说这么多么,不要太玻璃心好么,说得不烦我看的都烦了。净扯些没用的!
很好。讲的很仔细

已采纳回答 / qq_孤独的山炮_04031153
当你要某块块自适应排布的时候,要对祖先元素设置相对定位,再使用绝对定位,如果不对祖先元素设置定位,那么绝对定位会以根节点作为参照物,对祖先设置了定位,那么你想要定位的元素会根据最近的祖先来作为参照物! 设置了祖先定位,absolute,则要设置上下左右的PX

最新回答 / zzluyao
mainbody背景颜色显示的2中方法mianbody标签不设置高度。A.在leftright标签下mianbody标签内部再加个空div标签并css清除浮动背景颜色就出来了                                            B.mianbody标签bfc化,mianbody css样式设置overflow:hidden 宽度继承父标签mianbody设置了高度。背景色自然就有了- -
清除浮动讲错了吧,应该在版权内容那写clear:both
0.5倍 刚刚好哈哈

最赞回答 / qq_从小就很萌灬_04090553
我觉得那儿应该就是left不应该是margin-left margin是相邻div与div的,按讲的意思就成了和包含它的mainbody之间的距离,可是它们两个是包含关系不是相邻关系。
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消