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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 固定的宽度的块元素高度一定要大于绝对定位的块元素。
    查看全部
  • 使用absolute实现横向两列布局:一 常用于一列固定宽度,另一列宽度自适应的情况。
    查看全部
  • 盒子模型的立体图片(2-2小节 07:58),从第一层到第五层依次为:border、content+padding、background-image、background-color、margin。
    查看全部
    0 采集 收起 来源:练习题

    2016-06-17

  • 3d盒子模型
    查看全部
    0 采集 收起 来源:盒子模型

    2016-06-17

  • 盒子模型
    查看全部
    0 采集 收起 来源:盒子模型

    2016-06-17

  • w3c标准
    查看全部
  • 对于父元素的影响清除就是:width:100%;overflow:hidden; 对于自己临近的清除就是:clear:both;感谢我吧同志们 所以上面的答案就是:一:width:100%;overflow:hidden;
    查看全部
  • position定位,没有定位的父元素以html元素定位。有定位的父元素以主元素的位置偏移。 (tips:定位父元素可以使用relative保持父元素位置不变,子元素使用绝对定位进行偏移)
    查看全部
  • clear:both,针对父级元素已经变成一条的情况下,无效,一般用于紧邻后面的元素清除浮动。
    查看全部
    0 采集 收起 来源:横向两列布局

    2016-06-17

  • float和position:absolute类似之处,一旦设置后会随着其内部元素的多少而变化。 position:relative则只是整体偏移
    查看全部
    0 采集 收起 来源:绝对定位

    2016-06-17

  • 相对定位后元素仍然在标准文档流中,但是为什么设置了偏移属性,却覆盖了后面的元素呢? 既然在文档流中,应该占满所在的行空间,把下面的内容挤下去才对啊 2015-09-08 源自:网页布局基础 4-2 201 浏览 6 回答 最佳回答 2015-10-17 相对定位只是相对于自身而言它发生的偏移,但它还包含在标准文档流里,也可以认为是说,box2和box3得到的信息是——box1的位置没有发生偏移;可以把相对定位看作是一个幻影,你看到的效果是它覆盖了后面的内容,实际上机器语言编译出来的它还是在原来的位置没有发生偏移,box2和box3执行的是机器告诉它的信息
    查看全部
    0 采集 收起 来源:相对定位

    2016-06-17

  • 设置浮动之后,紧邻其后的元素会受到影响。
    查看全部
  • 怎么形象理解浮动对父元素的影响? 父级块元素mainbody包含住left和right。就像一个盒子里有两块蛋糕,本来上下放置,后来用浮动,一个漂浮到左边,一个到右边。盒内位置怎么改变都在盒子里,怎么会影响盒子呢?就是说浮动怎么会影响父元素呢? 2016-06-04 源自:网页布局基础 3-5 35 浏览 1 回答 最佳回答 2016-06-05 我也是小白,谈谈我的看法,不知道对不对。 我觉得吧,就是本来父子在一个平面,子级块设置了高度,从而撑起了父级块(父级没有设置高度)。然后子级float,就脱离了那个平面,父级失去了里面的内容就塌了。如果是比喻就可以是 皮筋,或者气球,没有内容填充时就恢复原样了。 大牛来看看对不对
    查看全部
    0 采集 收起 来源:编程练习

    2016-06-17

  • 当元素没有设置宽度值,而设置了浮动属性,元素的宽度随内容而改变。
    查看全部
  • 在受到浮动影响的元素之前添加空的兄弟元素 在受到浮动影响的元素之前添加空的兄弟元素 这啥意思?<br / >清除浮动可它又不是兄弟元素 快来回答问题,最佳答案可 +3积分 什么是积分? 2015-09-16 源自:网页布局基础 3-4 139 浏览 2 回答 黑黑石头仔 你好!浮动影响的是紧随在它后面的元素标签,比如说A添加了浮动,我们要想让B紧邻在A后面,又不受影响,那怎么办呢?因为浮动是影响紧随其后的元素,所以我们可以在AB之间插入一个空的的兄弟元素C,这样就是ACB, C代替B收到浮动影响,但是因为他是空的,所以就对整体没影响,不知道你听得懂不。。。。
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

举报

0/150
提交
取消
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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