css不自适应高度的解决方法

Submitted by bbbbbb on Wed, 03/17/2010 - 16:47

1.Div不自适应高度解决的办法就是在最底下加多个空的Div清除两边的浮动,代码如下:

<div></div>

2."height:100%; overflow:auto;"(这两个参数一起使用，可以保证IE与FF同时自动随浏览器自适应高度)

圆角技术：

<div class="zm_right1"></div>
    <div class="zm_content">
     <div id="elem-FrontCommonContent_showDetailByList-about" name="通用内容详细内容展示">
                <!--#include virtual="/comp-FrontCommonContent_showDetailByList-about"-->
                </div>
    </div>
    <div class="zm_right2"></div>

//css style：

.zm_right1{
width:704px;
height:12px;
background:url(../images/ccoss/zm_right1.gif) no-repeat; //上面12px高度圆角图片
}
.zm_right2{
width:704px;
height:12px;
background:url(../images/ccoss/zm_right2.gif) no-repeat;//底部12px高度圆角图片

}
.zm_content{
width:656px; 
height:auto;height:100%; overflow:auto;
padding:25px 23px;
border-left:1px #ECECEC solid; 
border-right:1px #ECECEC solid;    //中间左边与右边边框，以及在IE与FF的自适应高度。

}
Tags: