用div和css做框架

Question

这该怎么做

Answer 1

<div class="container"> <div class="head"></div> <div class="banner"></div> <div class="wrap"> <div class="left"></div> <div class="right"></div> </div> <div class="footer"></div> </div><style type="text/css"> .container{ width: 1000px; margin: 0 auto; padding: 10px; background: rgba(0,0,0,.3); } .head,.banner,.wrap{margin-bottom: 10px;} .head{ height: 137px; background: rgba(0,0,255,.5); } .banner{ height: 307px; background: rgba(0,0,0,.5); } .wrap{ padding: 10px 0; overflow: hidden; background: rgba(0,0,255,.2); } .left{ float: left; width: 636px; height: 220px; background: rgba(0,255,0,.5); } .right{ float: right; width: 300px; height: 200px; background: rgba(255,0,0,.5); } .footer{ height: 100px; background: rgba(0,0,0,.5); } </style>就是这个样子咯

Answer 2

7个DIV