12个视频:div布局-使用margin

  • 2017-12-30
  • 162
  • 0
  • 0

视频:第十二个!

上一文代码:https://waylee.net/2017/12/30/div-buju/

<!DOCTYPE html>
<html>
<head>
    <meta charset="GBK">
    <title>div布局-使用margin</title>
    <style>
        #container{
            width:1000px;
            background:red;
        }
        #header{
            height:150px;
            background: blue;
        }
        #main{
            height:700px;
            background: orange;
        }
        #lside{
            width:600px;
            height:700px;
            background: aqua;
            float: left;
        }
        .four{
            width:280px;
            height:330px;
            background:black;
            margin:10px;
            float:left;
        }
        #rside{
            width:400px;
            height:700px;
            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 class="four"></div>
            <div class="four"></div>
            <div class="four"></div>
            <div class="four"></div>
        </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

发表评论