如下代码显示结果是图片这种的结构,sub1与sub2是要把right分为两列的,请
混合布局
body{margin: 0;padding: 0;font-size: 30px}
div{text-align: center;font-weight:bold;}
.head{height: 100px;background: #CCC}
.main{width: 800px;height: 600px;margin: 0 auto; background: #FCC}
.left{width: 200px;height: 600px;background: yellow;float: left;}
.right{width: 600px;height: 600px;background: blue;float: right;}
.sub1{width: 400px;height: 600px;background: green; float: left;}
.sub2{width: 200px;height: 600px;background: #09F; float: right;}
.footer{width: 800px;height: 50px; margin: 0 auto;background: #9CF;float: none;}
head
left
right
sub1
sub2
footer |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|