看过qq,sina,当左右浮动的时候,两边的边框一样高,是怎么实现的呢?今天特地去做了一下,其实也很简单,在主窗体加上样式overflow:hidden,在左右窗体加上margin-bottom,padding-bottom 一正一负,功能实现了,但底边框没有了,那就在主窗体下面加一个层,层里放一个边框图象,问题解决,代码如下
<style type="text/css">
.con1 { overflow: hidden; height:auto;margin:auto; background-color:#FFFFCC;}
.top1{ height:200px; width:80%; background-color:#eee; margin:0 auto; margin-top:10px;}
</style>
<div class="con1 line" style="padding-bottom:10px;">
<div style="float:left; width:38%; margin:0 auto; border:1px solid #339999; height:200px;padding-bottom: 300px;
margin-bottom: -300px;
"></div>
<div style="float:right; width:38%; margin:0 auto; border:1px solid #339999;padding-bottom:300px;
margin-bottom: -300px;
"></div>
</div>
<div style="height:1px; overflow:hidden; clear:both; font-size:0; background:url(http://i3.sinaimg.cn/dy/news/2008/0708/con_bg_standard_003.gif) no-repeat; margin-bottom:10px;"></div>
<div style="height:10px;"></div>