首页 > 代码库 > 双飞翼布局
双飞翼布局
初学:
《双飞翼布局》
1 <!DOCTYPE HTML > 2 <html> 3 <head> 4 <title>双飞翼布局</title> 5 <style> 6 .middle,.right,.left{ 7 min-height:150px; 8 float:left; 9 }10 .middle{11 width:100%;12 background:#ff0000;13 }14 .left{15 width:100px;16 background:#00ff21;17 margin-left:-100%;18 }19 .right{20 width:300px;21 background:#0026ff;22 margin-left:-300px;23 }24 .middle div{25 margin:0 300px 0 100px; 26 }27 </style>28 </head>29 <body>30 <div class="middle">31 <div>中</div>32 </div>33 <div class="left">左</div>34 <div class="right">右</div>35 </body>36 </html>
双飞翼布局
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。