Sjming

from today to future, I will try my best to study and practice

css列布局

  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)混合布局
阅读更多
版权声明:新建了专注于语义分割的QQ群704803384,欢迎交流!!! https://blog.csdn.net/u014451076/article/details/49893431
文章标签: css
个人分类: html+css+js+jq
上一篇css(三)布局模型
下一篇css网页布局基础
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭