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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰

已采纳回答 / Java追随者
并不一定对,因为有的元素是独占一行的,float之后会重叠在一起

已采纳回答 / Crazy丶魂
你如果不定义width,它会自动把宽度填充满

已采纳回答 / 唐龙
没有看明白你写的是什么意思。如果你说的是#right中的文字为什么会自动换行,只要给这个right定义个width就可以了

已采纳回答 / 北极阿熊
当值为0的时候,不需要写px,写上反而画蛇添足了

已采纳回答 / 凯百万
background:url(../xxx.png) no-repeat x轴 y轴;假如这里x轴和y轴你都没有指定,那么背景将默认以div左上角为起点进行渲染。即使你加上padding,左上角仍然不变,所以使用padding也没用。当你使用margin时,图片起始的位置还是没有改变。要想改变背景图的位置就要设置x轴和y轴的位置,可以使用英文left、center、top、bottom、right表示方向的单词,也可以使用具体的xx像素。

已采纳回答 / 喻木同學
额,这个问题没考虑过不过,就好比铺地板砖,屋地的面积是一定了,不能因为地板砖的大小而改变屋地的大小吧,这是一个很实际的问题

已采纳回答 / 翼风Fly
想保持较好效果请使用Dreamweaver CC 2014以上版本,旧版的预览并非是chromium的渲染引擎,效果稀烂,顶多用来辅助定位。如果用的是旧版Dw,请用Chrome、Firefox、IE8(建议更高)这样的浏览器调教:打开浏览器预览后,按一下F12,进入开发人员工具即可。

已采纳回答 / 凯百万
因为那个背景是紧跟着图片的,如果这部分不用book包裹起来就没有了"重用性",布局时不仅要考虑当前网页的内容,还要考虑整个网站其他页面的内容,假如别的地方也有这样的布局,就可以直接将book复制过去了。加不加包裹层,写多了就会根据实际需要进行判断了

已采纳回答 / 凯百万
将a标签变成块状元素,这样下面的padding-bottom才能起到作用,如果不写,可以将padding-bottom加到li标签上,效果相同

已采纳回答 / purple_yao
课程中的案例mainbody中的两个子元素设置浮动以后,父元素mainbody的高度就失效了,可以从下面图可以看出来:<...图片...>有没有看出来mainbody的背景色不见了,因为是它的高度失效了变成了一条线(这位讲师所讲),有的地方也管这种现象叫做“高度塌陷”。解决方法之一就是,给父元素mainbody清除浮动。

已采纳回答 / 左岸梧桐
是的,脱离了文档流。所以会导致父元素塌陷。

最赞回答 / 虞矀人
其实#mainbody和#footer没必要设置width:100%,因为块级元素的特性就是不设置宽度自动拓展到父元素或者是容器的宽度,任务二不填也可以达到同样的效果,并且减小了代码量

已采纳回答 / 闹小志
根据你的代码,我找到的问题:你的思路是对的,三个div都设置成浮动是可以实现效果的。问题一:你在类名为right的div上做了清除浮动的操作,也就是,你限制了类名为right的div的左边是不能存在浮动元素的,导致了这个div的串行,也就是到了下一行!问题二:你没有给类名为right的div设置宽度,这样它的宽度是随着内容撑大的。在你的代码中,p标签的长度撑大了div,导致发生串行。解决办法:把clear:left去掉,还有给类名为right的div设置宽度。个人理解,希望对你有帮助~~
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消