css列布局

原创 2015年11月17日 21:20:49
  1. css的网页布局
    (1)一列布局
    (2)两列布局
    自适应的
    固定宽度的(放在一个父块中即可)
    (3)三列布局(自适应源代码)

    body{margin: 0;padding: 0;}
    .left
    {
    width: 200px;
    height: 500px;
    background: #ccc;
    position: absolute;
    left:0;
    top: 0;
    }
    .middle
    {
    height: 500px;
    background:#999;
    margin: 0 310px 0 210px;
    top:0;
    }
    .right
    {
    width: 300px;
    height: 500px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 0;
    }

    (4)混合布局
版权声明:如果文中有任何问题或者值得讨论的地方,都可以在下方留言或者QQ526664687,欢迎交流!!!

几种常见的CSS列布局

两侧右列自适应 Layout div{ height: 300px; } .left{ width: 200px; float: left; backgr...

DivCSS布局实例:很实用的图文混排CSS列表

http://www.52css.com/article.asp?id=669 CSS网页布局的一大特点就是列表元素的应用,在传统的表格布局中往往将列表元素作为表格来处理,这样的方式非但不具有语义还...

DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条.

DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条;Firefox IE测试通过. 辛苦几天的结果啊 平行共三行,中间行分两列,左边固定宽度,右边自适...
  • kyleing
  • kyleing
  • 2013年04月22日 14:36
  • 857

Html+Css_相对于父div进行相对布局

对 父div 进行相对布局需要用到 postion 属性, 需要将父元素设置为relative, 并将子元素设置为absolute,此时不管进行放大缩小排版不会混乱 position属性请参见W3s...

css 段落布局

  • 2014年10月02日 18:47
  • 39.48MB
  • 下载

html+css和div布局

  • 2014年05月21日 15:09
  • 137KB
  • 下载

基于flex弹性布局实现“头尾固定,中间滚动”的页面(纯CSS实现)

之前写过一个小项目,首先这个页面布局是这个样子滴,举个栗子,京东的首页: 这算是一种还算常见的页面样式吧,头部和底部固定(或者底部固定没有头、头部固定没有底),有的会用fixed去做...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css列布局
举报原因:
原因补充:

(最多只允许输入30个字)