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

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • clear:both; //清除两边元素的浮动对他的影响 overflow: hidden; // 用在浮动元素本身清除对父元素的影响
    查看全部
    0 采集 收起 来源:实践题

    2016-02-04

  • 自适应长宽度:在设置时就按照百分比设置
    查看全部
    0 采集 收起 来源:二列布局

    2016-02-04

  • 单列布局水平居中用margin:0 auto;
    查看全部
    0 采集 收起 来源:一列布局

    2016-02-04

  • 三列佈局,依然可以使用 float 完成。 但若想要實現 左右側固定,中間自適應寬度。則不可以使用 float。 因為 自適應寬度的中間欄,會將排版打亂。 需要使用絕對定位 position:absolute 定義左右兩側的欄位。 中間欄位則藉由 設置 margin 左右得值 ex: margin:0 300px 0 200 px 來放置在中間
    查看全部
    0 采集 收起 来源:三列布局

    2016-02-04

  • 三列布局,两边固定,中间自适应; 方法:两边用绝对定位,中间设置margin; .left{ width:300px;position:absolute;left:0 } .main{margin:0 300px 0 200px;} .right{width:200;position:absolute;right:0;}
    查看全部
    0 采集 收起 来源:三列布局

    2016-02-04

  • 若想實現兩列佈局,可使用 float。利用 float:left 和 float:right ,一左一右 實現。 若將外層 包一個 父層,則可進行居中。 使用 % 設定寬度,則可實現自適應寬度。
    查看全部
    0 采集 收起 来源:二列布局

    2016-02-04

  • clear:both; //清除两边元素的浮动对他的影响 overflow: hidden; // 用在浮动元素本身清除对父元素的影响
    查看全部
    0 采集 收起 来源:实践题

    2016-02-03

  • 二列布局
    查看全部
    0 采集 收起 来源:编程练习

    2016-02-03

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

    2016-02-02

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

    2016-02-02

  • 首先清除一下样式 body{margin:0;padding:0}
    查看全部
    0 采集 收起 来源:一列布局

    2016-02-02

  • 清除浮动有两种方法:1.clear:both 2.overflow:hidden
    查看全部
    0 采集 收起 来源:实践题

    2016-02-01

  • 对于宽度可设置的块状元素可以用margin:0 auto;实现居中
    查看全部
    0 采集 收起 来源:编程练习

    2016-02-01

  • 任务4,清除浮动的原因: footer在没进行clear:both时,他的颜色块是在top的下面。究其原因,是因为main里面的元素都进行了浮动,相当于脱离了文档流,在另一个图层里,与之前的位置已无关,所以footer就顶位,排到了top的下面。 进行清除浮动,是为了解决其他元素浮动后给自己带来的麻烦。
    查看全部
    0 采集 收起 来源:实践题

    2016-01-31

  • 进行绝对定位的元素,就已经脱离文档流,相当于在另一个图层,各干各的。
    查看全部
    0 采集 收起 来源:编程练习

    2016-01-31

举报

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

微信扫码,参与3人拼团

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

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