关闭

css列布局

标签: css
170人阅读 评论(0) 收藏 举报
分类:
  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)混合布局
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:381007次
    • 积分:6415
    • 等级:
    • 排名:第3771名
    • 原创:345篇
    • 转载:8篇
    • 译文:1篇
    • 评论:77条
    博客专栏
    最新评论