码迷,mamicode.com
首页 > 其他好文 > 详细

DIV 布局 左中右

时间:2014-09-12 18:42:03      阅读:305      评论:0      收藏:0      [点我收藏+]

标签:style   io   ar   div   sp   on   c   ad   ef   

 

<style type="text/css">
body{ margin:0; padding:0;}
.Header{ height:100px; background:red;}
.Left{ float:left; width:200px; height:300px; background:yellow;}
.Right{ float:right; width:200px; height:300px; background:green;}
.Center{ margin:0 200px; height:300px; background:blue;}
.Content{ in-width:700px;_width:expression((document.documentelement.clientwidth||document.body.clientwidth)>700?"700px":"");}
</style>
</head>
<body>
<div class="Header"></div>
<div class="Content">
<div class="Right">右</div>
<div class="Left">左</div>
<div class="Center">中</div>
</div>
</body>

DIV 布局 左中右

标签:style   io   ar   div   sp   on   c   ad   ef   

原文地址:http://www.cnblogs.com/lvfeilong/p/dfgd6546546.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!