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

如何用CSS进行网页布局

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

    2014-12-19

  • 网页的高度可以自适应
    查看全部
    0 采集 收起 来源:内容简介

    2014-12-18

  • <!--实现效果法二--> .left{ width:300px; height:600px; background:#ccc;float:right;}}/*左浮动样式*/ .right{ width:660px; height:600px; background:#FCC; float:right;}/*左浮动样式*/ ->推荐大家一个记事本:EditPlus
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • <style> .main{width:800px,margin:0 auto;} .left{width:250px;float:left;} .right{width:550px;float:right;} </style>
    查看全部
    0 采集 收起 来源:二列布局

    2018-03-22

  • 三列布局:左右固定宽度值,中间自适应。此时不能浮动布局,应该使用绝对定位 .left{position:absolute;left:0'top:0} .right{position:absolute;right:0;top:0} .middle{margin值}
    查看全部
    0 采集 收起 来源:三列布局

    2014-12-18

  • 浮动(float)和 绝对定位(position:absolute)可以让元素脱离文档流. 文档流:将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.(自己的理解是从头到尾按照文档的顺序,该在什么位置就在什么位置,也可以按照上面的意思理解,自上而下,自左到右的顺序)
    查看全部
    0 采集 收起 来源:评测题目

    2014-12-18

  • mark
    查看全部
    0 采集 收起 来源:编程挑战

    2014-12-17

  • <!- 居中对齐-> <style type="text/css"> (一) #head{margin: 0 atuo; } (二) #headD{ margin-left:auto; margin-right:auto; } </style>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • <!- 总结-> 1.宽度的自适应 2.高度自适应 3.布局:一列,二列,多列,混合式布局
    查看全部
    0 采集 收起 来源:内容简介

    2018-03-22

  • 1. 加强了解position: absolute和relative的位置关系; 当main设置为relative时,left的absolute以main左上角为起点; 当main未设置默认为static时,left的位置相对于HTML; http://blog.csdn.net/yanzhibo/article/details/18569479 absolute :绝对定位 位置相对离元素最近父级文档流的左上角,会脱离文档流,飘起来。 配合top、right、bottom、left使用。 有意思的是绝对定位也是“相对”的。它的坐标是相对其容器来说的。容器又是什么呢,容器就是离元素最近的一个定位好的“祖先”,定位好的意思就是其position是absolute或fixed或relative。如果没有这个容器,那就使用浏览器初始的,也就是body(文档流)或者html元素。标准是说只需要指定left和right,width可以自动根据容器宽度计算出来 2. 设置right的margin使其自适应宽度;如加width: 100%设置,将导致浏览器被撑开,出现横向滚动条(使用overflow: hidden可隐藏溢出,但实际上还是溢出边界) 3.?若先加载left,可设置其左浮动,对right加width:100%-210px 实现此功能。
    查看全部
    0 采集 收起 来源:编程挑战

    2014-12-16

  • http://www.zhihu.com/question/24529373/answer/29135021 浮动(float)和 绝对定位(position:absolute)可以让元素脱离文档流.
    查看全部
    0 采集 收起 来源:评测题目

    2014-12-15

  • 排版布局:float:right/left;常用于两列布局(还是在正常的文档流中,并没有脱离文档流);position:absolute(相对于浏览器窗口视图进行绝对定位)/relative(相对于原来位置进行移动)/fixed(相对于视图的绝对定位,且不随滚动而发生改变
    查看全部
    1 采集 收起 来源:内容简介

    2015-03-09

  • 网页设计特点(相对纸媒来说) 1、网页可以自适应宽度 2、网页的长度理论上可以无限延长
    查看全部
    0 采集 收起 来源:内容简介

    2014-12-15

  • 任务3:要求右侧(right)先加载,左侧(left)后加载 任务4:编写的代码要兼容ie6这两个怎么实现呢
    查看全部
    0 采集 收起 来源:编程挑战

    2014-12-14

  • 1、clear语法:一般浮动是什么情况呢?一般是一个盒子里使用了CSS float浮动属性,导致父级对象盒子不能被撑开,这样CSS float浮动就产生了。(l例:本来两个黑色对象盒子是在红色盒子内,因为对两个黑色盒子使用了float浮动,所以两个黑色盒子产生了浮动,导致红色盒子不能撑开,这样浮动就产生了。) clear : none | left|right| both 2、clear参数值说明: none :  允许两边都可以有浮动对象 both :  不允许有浮动对象 left :  不允许左边有浮动对象 right :  不允许右边有浮动对象
    查看全部
    0 采集 收起 来源:编程挑战

    2015-04-01

举报

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

微信扫码,参与3人拼团

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

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