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

网页布局基础

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

已采纳回答 / xiedukai
因为没有设置宽度,box设置浮动后,box的就缩成一个小圆点,其实没有消失,只是在box2的左边上,因为里面没有内容,也没有设置宽度,所以小到你看不到。

已采纳回答 / pardon110
你在mainbody中不设置overflow:hidden,由于它的两个子div都浮动了,#mainbody本身就感知不到高度了。具体视角效果,你可以设置#left或#right的高度后,你观察一下就明白了。

已采纳回答 / Song歌
我的理解是对同级的相邻元素有影响!

已采纳回答 / pardon110
你写的清除浮动失败,将.left与.right类所在的div置于#mainbody内就可以了。

已采纳回答 / 零下的夏天
一个元素设置背景,再设置padding的话,如果不设置background-origin(背景从什么地方开始)的话,默认都是从padding开始的

已采纳回答 / pardon110
background-color 属性用来定义元素的背景颜色。body {background-color: #b0c4de;}CSS中,颜色值通常以以下方式定义:十六进制 - 如:#ff0000    它的三位颜色简写为 #f00RGB - 如:rgb(255,0,0)颜色名称 - 如:red默认 - transparent,透明之意。如果一个元素没有指定背景色,那么背景就是透明的。inherit 从父元素继承背景颜色,这个在IE上存在兼容问题。

已采纳回答 / Kusoku
box2并没有变短,只是左边部分变得不可见而已,body的长度也不会受到影响;其实你把box1的visibility设置不可见就能看出来;浮动框之后的框外观不会受影响,但是其内部文本会因为浮动元素影响移出一定空间,产生环绕效果

已采纳回答 / ciloi
可以直接在content里写,老师应该是想让我们清楚,同一个元素加多个class也是可以的。。。。

已采纳回答 / pardon110
盒子模型3D图层展示, 类似ps中的图层原理,视角从上往下看,往下的图层会被上级图层所覆盖。boder                                    //最上层content+paddingbackground:imagebackground-colormargin                                //最底层

已采纳回答 / Perona
<a href="#"></a>这里的#链接的还是当前页面。其实就是锚点的用法。锚点语法:<a href="#锚点名">点击我跳到锚点去</a>...文字省略<a name="锚点名" >我是锚点</a>这里省略了锚点名,还是当前页面。

已采纳回答 / C12138
没有什么特别的意思!老师只是随便在键盘上敲了几个字,只是为了不让div标签是空的而已!

已采纳回答 / mozzie_
设置偏移,无已定位的祖先元素,是以<html>为基准偏移的。你这个也是的,你可以同讲师演示的打开调试窗口,看element。你这个box2明显基于html往右偏移了20像素。可能因为box1同时存在,你认为不是。你可以设置top偏移这样看,明显些。

已采纳回答 / wslover
前面在content 和 book中设置的样式 将在这个div中被综合使用到

已采纳回答 / Ewall_
用了body都居中了,那你不要居中的块状怎么办?
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消