实战用div布局

  • 2017-12-30
  • 196
  • 0
  • 0

分成大块,简单模拟他的布局:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>div布局</title>
    <style>
        #container{
            width:1000px;
            background:red;
        }
        #header{
            height:150px;
            background: blue;
        }
        #main{
            height:500px;
            background: orange;
        }
        #lside{
            height:500px;
            width:700px;
            background: aqua;
            float: left;
        }
        #rside{
            height:500px;
            width:300px;
            background:green ;
            float:right;
        }
        #footer{
            height:120px;
            background: #ff00a7;
        }
    </style>
</head>
<body>
<div id="container">
    <div id="header"></div>
    <div id="main">
        <div id="lside"></div>
        <div id="rside"></div>
    </div>
    <div id="footer"></div>
</div>
</body>
</html>

初步效果:

  1. 2016:  360安全卫士大战腾讯 视频歌曲改编(0)
  2. 2016:  斐讯K2 信息收集比想象的更恐怖(0)
  3. 2016:  斐讯K2路由收集用户隐私数据 协议中已经明确(0)
  4. 2016:  斐讯的套路我看不懂了 到底什么原理(套路采摘)(1)
  5. 2016:  收集所有杀人手法,高智商犯罪(2)

评论

偷偷告诉你,这还毛都没有 T T

发表评论