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

如何用CSS进行网页布局

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

    2017-01-17

  • 布局:版式布局(头部、主题(分栏=分列)、底部) 特点:自适应宽度/无限延长高度 CSS =>(浮动/定位) UI(User Interface)
    查看全部
    0 采集 收起 来源:内容简介

    2018-03-22

  • “position:absolute;”这个代码是让某个标签脱离文本流而固定在某个位置,“left:0;right:0;top:0;bottom:0;”这些则是让标签根据带有定位属性的父辈元素进行偏移。
    查看全部
    0 采集 收起 来源:编程挑战

    2017-01-15

  • 3列布局,不能用浮动控制两侧div。 中间自适应。需要两边用绝对定位absolute提出来
    查看全部
    0 采集 收起 来源:三列布局

    2017-01-15

  • margin:0 310px 0 210px;
    查看全部
    1 采集 收起 来源:编程练习

    2017-01-13

  • 三栏布局自适应:左右两栏不用设置浮动,设置position:absolute left:0/right:0 top:0 中间一栏设置左右边距:margiin:0 widthRight 0 widthLeft
    查看全部
    0 采集 收起 来源:编程练习

    2017-01-12

  • position:relative;绝对定位
    查看全部
    0 采集 收起 来源:编程练习

    2017-01-12

  • 浮动(float)和 绝对定位(position:absolute) 可以让元素脱离文档流
    查看全部
    0 采集 收起 来源:评测题目

    2017-01-12

  • body{margin:0;padding:0}清除默认样式
    查看全部
    0 采集 收起 来源:二列布局

    2017-01-12

  • margin:0 auto //水平居中对齐
    查看全部
    0 采集 收起 来源:编程练习

    2017-01-11

  • position:abluate
    查看全部
    0 采集 收起 来源:三列布局

    2017-01-11

  • 两列自适应布局 Width:20%,width:80% Float:left和float:right 问,inline-block,50%不可以吗? 三列自适应布局 同上 三列两边固定,中间自适应 两边用绝对定位,left:0;width:200px;right:0;width:300px; 中间margin:0 300px 0 200px; 所以自适应可以用百分比,也可以用margin
    查看全部
    0 采集 收起 来源:编程练习

    2017-01-08

  • sad
    查看全部
    0 采集 收起 来源:一列布局

    2017-01-07

  • 混合布局: body{margin: 0;padding: 0;} .top{height: 100px;background: blue;} .main{height: 400px;width: 800px;margin: 0 auto;} .left{height: 400px;width: 200px;background: red;float: left;} .right{height: 400px;width: 600px;background: yellow;float: right;} .foot{height: 100px;width: 800px; background: blue;margin: 0 auto;}
    查看全部
    0 采集 收起 来源:混合布局

    2017-01-06

  • 三列布局,左右固定宽带,中间自适应。不能使用浮动,要使用绝对定位 body{margin: 0;padding: 0;} .left{width: 200px; height: 500px; background: white; position: absolute; left: 0; top: 0; } .mid{ height: 500px; background: gray; } .right{width: 200px; height: 500px; background: white; position: absolute; right: 0; top: 0; } 还可以修改中间div的margin来设置列间距: .mid{ height: 500px; background: gray; margin: 0 210px;}
    查看全部
    0 采集 收起 来源:三列布局

    2017-01-06

举报

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

微信扫码,参与3人拼团

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

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