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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 对于父元素的影响清除就是:width:100%;overflow:hidden; 对于自己临近的清除就是:clear:both; 对于父元素的影响清除就是:width:100%;overflow:hidden; 对于自己临近的清除就是:clear:both; 对于父元素的影响清除就是:width:100%;overflow:hidden; 对于自己临近的清除就是:clear:both; 对于父元素的影响清除就是:width:100%;overflow:hidden; 对于自己临近的清除就是:clear:both; 对于父元素的影响清除就是:width:100%;overflow:hidden; 对于自己临近的清除就是:clear:both; 对于父元素的影响清除就是:width:100%;overflow:hidden; 对于自己临近的清除就是:clear:both; 对于父元素的影响清除就是:width:100%;overflow:hidden; 对于自己临近的清除就是:clear:both; 对于父元素的影响清除就是:width:100%;overflow:hidden; 对于自己临近的清除就是:clear:both; 对于父元素的影响清除就是:width:100%;overflow:hidden; 对于自己临近的清除就是:clear:both;
    查看全部
    0 采集 收起 来源:编程练习

    2016-06-16

  • 当父包含块缩成一条时,用clear:both方法清楚浮动无效,它一般用于紧邻后面的元素的清除浮动.对父包含块设置width:100%; overflow:hidden清除 当父包含块缩成一条时,用clear:both方法清楚浮动无效,它一般用于紧邻后面的元素的清除浮动.对父包含块设置width:100%; overflow:hidden清除 当父包含块缩成一条时,用clear:both方法清楚浮动无效,它一般用于紧邻后面的元素的清除浮动.对父包含块设置width:100%; overflow:hidden清除 当父包含块缩成一条时,用clear:both方法清楚浮动无效,它一般用于紧邻后面的元素的清除浮动.对父包含块设置width:100%; overflow:hidden清除 当父包含块缩成一条时,用clear:both方法清楚浮动无效,它一般用于紧邻后面的元素的清除浮动.对父包含块设置width:100%; overflow:hidden清除 当父包含块缩成一条时,用clear:both方法清楚浮动无效,它一般用于紧邻后面的元素的清除浮动.对父包含块设置width:100%; overflow:hidden清除 当父包含块缩成一条时,用clear:both方法清楚浮动无效,它一般用于紧邻后面的元素的清除浮动.对父包含块设置width:100%; overflow:hidden清除 当父包含块缩成一条时,用clear:both方法清楚浮动无效,它一般用于紧邻后面的元素的清除浮动.对父包含块设置width:100%; overflow:hidden清除 当父包含块缩成一条时,用clear:both方法清楚浮动无效,它一般用于紧邻后面的元素的清除浮动.对父包含块设置width:100%; overflow:hidden清除 当父包含块缩成一条时,用clear:both方法清楚浮动无效,它一般用于紧邻后面的元素的清除浮动.对父包含块设置width:100%; overflow:hidden清除 当父包含块缩成一条时,用clear:both方法清楚浮动无效,它一般用于紧邻后面的元素的清除浮动.对父包含块设置width:100%; overflow:hidden清除
    查看全部
    0 采集 收起 来源:横向两列布局

    2016-06-16

  • 如果一个父元素中有两个子元素,两个子元素设置了float浮动,那么受影响的元素为 父元素和设置浮动元素的下一个紧邻元素。 想要清除浮动影响时,分两种情况:若父元素设置了宽度,则用width:100% ;overflow:hiden;清除浮动;若清除紧邻元素的浮动,则用clear:both; 如果一个父元素中有两个子元素,两个子元素设置了float浮动,那么受影响的元素为 父元素和设置浮动元素的下一个紧邻元素。 想要清除浮动影响时,分两种情况:若父元素设置了宽度,则用width:100% ;overflow:hiden;清除浮动;若清除紧邻元素的浮动,则用clear:both; 如果一个父元素中有两个子元素,两个子元素设置了float浮动,那么受影响的元素为 父元素和设置浮动元素的下一个紧邻元素。 想要清除浮动影响时,分两种情况:若父元素设置了宽度,则用width:100% ;overflow:hiden;清除浮动;若清除紧邻元素的浮动,则用clear:both; 如果一个父元素中有两个子元素,两个子元素设置了float浮动,那么受影响的元素为 父元素和设置浮动元素的下一个紧邻元素。 想要清除浮动影响时,分两种情况:若父元素设置了宽度,则用width:100% ;overflow:hiden;清除浮动;若清除紧邻元素的浮动,则用clear:both; 如果一个父元素中有两个子元素,两个子元素设置了float浮动,那么受影响的元素为 父元素和设置浮动元素的下一个紧邻元素。 想要清除浮动影响时,分两种情况:若父元素设置了宽度,则用width:100% ;overflow:hiden;清除浮动;若清除紧邻元素的浮动,则用clear:both; 如果一个父元素中有两个子元素,两个子元素设置了float浮动,那么受影响的元素为 父元素和设置浮动元素的下一个紧邻元素。 想要清除浮动影响时,分两种情况:若父元素设置了宽度,则用width:100% ;overflow:hiden;清除浮动;若清除紧邻元素的浮动,则用clear:both;
    查看全部
    0 采集 收起 来源:横向两列布局

    2016-06-16

  • float设置之后,元素会漂浮,其实已经脱离其所在容器的普通文档流,老师说宽度放不下是讲错了,其实我们已经看到白色块已经浮到绿色块的上面了(白色块的高度是200px,绿色块的高度是500px,在视频8:47我们已经看到绿色块,是超出的那部分,高度是300px) float设置之后,元素会漂浮,其实已经脱离其所在容器的普通文档流,老师说宽度放不下是讲错了,其实我们已经看到白色块已经浮到绿色块的上面了(白色块的高度是200px,绿色块的高度是500px,在视频8:47我们已经看到绿色块,是超出的那部分,高度是300px) float设置之后,元素会漂浮,其实已经脱离其所在容器的普通文档流,老师说宽度放不下是讲错了,其实我们已经看到白色块已经浮到绿色块的上面了(白色块的高度是200px,绿色块的高度是500px,在视频8:47我们已经看到绿色块,是超出的那部分,高度是300px) float设置之后,元素会漂浮,其实已经脱离其所在容器的普通文档流,老师说宽度放不下是讲错了,其实我们已经看到白色块已经浮到绿色块的上面了(白色块的高度是200px,绿色块的高度是500px,在视频8:47我们已经看到绿色块,是超出的那部分,高度是300px) float设置之后,元素会漂浮,其实已经脱离其所在容器的普通文档流,老师说宽度放不下是讲错了,其实我们已经看到白色块已经浮到绿色块的上面了(白色块的高度是200px,绿色块的高度是500px,在视频8:47我们已经看到绿色块,是超出的那部分,高度是300px) float设置之后,元素会漂浮,其实已经脱离其所在容器的普通文档流,老师说宽度放不下是讲错了,其实我们已经看到白色块已经浮到绿色块的上面了(白色块的高度是200px,绿色块的高度是500px,在视频8:47我们已经看到绿色块,是超出的那部分,高度是300px) float设置之后,元素会漂浮,其实已经脱离其所在容器的普通文档流,老师说宽度放不下是讲错了,其实我们已经看到白色块已经浮到绿色块的上面了(白色块的高度是200px,绿色块的高度是500px,在视频8:47我们已经看到绿色块,是超出的那部分,高度是300px)
    查看全部
    0 采集 收起 来源:横向两列布局

    2016-06-16

  • 当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素 当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素
    查看全部
  • 自动居中一列布局需要设置 margin 左右值设置为 auto,而且一定要设置width为一个定值 而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值而且一定要设置width为一个定值
    查看全部
    0 采集 收起 来源:练习题

    2016-06-16

  • 盒子模型的3D结构:从最外层到最里层,border是最外层,最上层,离人的眼睛最近的一层: border-->content+padding-->bacbackground-image-->background-color-->margin
    查看全部
    0 采集 收起 来源:盒子模型

    2018-03-22

  • 网页自动居中一列布局的代码: margin:0 auto;width:80%; margin左右值一定要设为自动获取,并且宽度一定要给定。 **** 子层宽度设置成100%便可以以父包含块宽度为准自适应
    查看全部
  • 110+13+650+1+1+17=792
    查看全部
  • 已知一个设置了绝对定位的元素 b,位于其父元素 a 中,a 元素为静态定位,则 b 元素将以html为基准进行偏移。*****只有设置了除静态定位以外的定位,才算给这个元素定位了,静态定位属于元素默认的定位
    查看全部
    0 采集 收起 来源:练习题

    2016-06-16

  • 2.2:设置了偏移量:又分两种情况(A.无已定位的祖先元素 B.有已定位的祖先元素) A.无已定位的祖先元素:它会以根节点(<html>)为偏移参照基准 *****不是以body为参照基准的 B.有已定位的祖先元素:它会以距其最近的已定位祖先元素为偏移参照基准
    查看全部
    0 采集 收起 来源:绝对定位

    2018-03-22

  • 总结:设置绝对定位后,只要没有偏移量,就在其以最近父元素为参考的初始位置(左上角)---就是说:如果div3的父元素是div2,div2的父元素是div1,div3设定绝对定位后,没有偏移量,他的初始位置是在div2的左上角而不是div1的左上角。 有偏移量则以最近已定位父元素为偏移量参照进行偏移。否则以html根为偏移参照进行偏
    查看全部
    0 采集 收起 来源:绝对定位

    2016-06-16

  • 浮动float属性会对其之后紧邻的元素造成影响,这个时候如果不希望这种影响存在,可以清除浮动,常用方法有两种: 为希望消除浮动影响的元素添加属性: 一:clear:both 二:width:固定值+overflow:hidden;
    查看全部
  • 在盒子模型的三位立体结构图中: 1.边框(border),位于盒子的第一层。 2.元素内容(content)、内边距(padding),两者同位于第二层。 3.背景图(background-image),位于第三层。 4.背景色(background-color),位于第四层。 5.整个盒子的外边距(margin),位于第五层
    查看全部
    0 采集 收起 来源:练习题

    2016-06-16

  • class样式追加 盒子模型样式初始化
    查看全部
    0 采集 收起 来源:盒子模型

    2016-06-16

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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