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

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 清除浮动:clear:both;
    查看全部
    0 采集 收起 来源:实践题

    2016-02-11

  • 转: 兼容IE6不能用浮动,而且当子元素要设定为absolute的时候,父元素要设定relative才可以。 要右侧自适应,则左侧left应该定宽并且position:absolute。 加载顺序先右后左div的顺序为先右后左
    查看全部
    0 采集 收起 来源:编程挑战

    2016-02-10

  • 清除浮动的两种方法
    查看全部
    0 采集 收起 来源:实践题

    2016-02-10

  • 定宽三列布局
    查看全部
    1 采集 收起 来源:编程练习

    2016-02-10

  • - 宽度自适应:maigin:0 auto - 采用设置position为absolute的方法来实现 左侧固定宽度,右侧自适应大小的需求时,应该设置他们的父容器为relative方式,否则top的0点为左上角而不是父容器的左上角。当然也可以不设置,那样的话top值就应该为div标签top的高度,也可实现相同的效果。 overflow是用在浮动元素本身来清除对父元素的影响,clear:both;用在紧邻浮动元素来清除浮动影响 样式结构在你引用的时候 如果你的标签结构也是同样的话 就是从上至下浏览器获取 如果不是 浏览器就要调回去 重绘 所最好也这样写 - 右侧先加载则应该把right div标签放在left前,符合文件从上至下的读取加载的顺序。
    查看全部
    0 采集 收起 来源:编程挑战

    2016-02-09

  • 清除浮动 clear:both
    查看全部
    0 采集 收起 来源:实践题

    2016-02-09

  • 混合布局 float要加
    查看全部
    0 采集 收起 来源:混合布局

    2016-02-09

  • 三列如果左右固定宽度 中间自适应 如果想在同一行 通过float使不行的 应该左侧{position:absolute;left 0;top 0;} 中间{margin:0 右侧宽度 0 左侧宽度} 右侧{position:absolute;right 0;top 0} 如果中间距离左右咧需要一些空间 则将中间的左侧宽度右侧宽度多写点
    查看全部
    0 采集 收起 来源:三列布局

    2016-02-09

  • 著作权归作者所有。 商业转载请联系作者获得授权,非商业转载请注明出处。 作者:张秋怡 链接:https://www.zhihu.com/question/24529373/answer/29135021 来源:知乎 脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。需要注意的是,使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。而对于使用absolute positioning脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它。
    查看全部
    0 采集 收起 来源:编程练习

    2016-02-09

  • float和 position:absolute可以使元素脱离文档流
    查看全部
    0 采集 收起 来源:评测题目

    2016-02-09

  • 两列的布局 可以设置个父元素 并且设定为固定宽度 左右两列通过设置float:left or right来设置靠左或者靠右浮动
    查看全部
    0 采集 收起 来源:二列布局

    2016-02-09

  • margin:0 auto 居中布局 如果并不指定宽度高度 则是默认100%
    查看全部
    0 采集 收起 来源:练习题

    2016-02-09

  • 网页宽度可以自适应 长度理论上不受限制
    查看全部
    0 采集 收起 来源:内容简介

    2016-02-09

  • 布局 是将视觉元素进行有机的排列
    查看全部
    0 采集 收起 来源:内容简介

    2016-02-09

  • 2列不变 一列自适应
    查看全部
    0 采集 收起 来源:三列布局

    2016-02-09

举报

0/150
提交
取消
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

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

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