新聞中心
DIV+CSS設(shè)計(jì)有很多值得學(xué)習(xí)的地方,這里和大家重點(diǎn)討論一下DIV自適應(yīng)高度的寫法,希望本文的介紹能讓你有所收獲。

赤壁網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,赤壁網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為赤壁上千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢,請找那個(gè)售后服務(wù)好的赤壁做網(wǎng)站的公司定做!
DIV自適應(yīng)高度的寫法
以前寫CSS是在IE6下高度自適應(yīng)這個(gè)問題我們都不用想了,直接設(shè)置height:auto;或不設(shè)置就可以了,但是在fox和現(xiàn)在IE7,8下就會(huì)出現(xiàn)問題了,下面我們就來寫一段DIV高度自適應(yīng)寫法,
在網(wǎng)上看到很多但覺得不適合,我看一個(gè)方法同時(shí)設(shè)置兩個(gè)的浮動(dòng)為both
- .pageRight,.pageLeft{
- clear:both;
- }
這們會(huì)出現(xiàn)一個(gè)問題就是把左右浮動(dòng)給清楚了,雖然在IE6下同有問題,但在其它瀏覽器下就會(huì)出現(xiàn)問題了,下面我們來看看我是怎么處理的吧。
先看看CSS布置代碼。
上面的代碼是要pageLeft,與pageRight分為左右,并且還要自適應(yīng)高度。
- .pageRight{
- width:320px;
- height:auto;
- float:right;
- height:600px;
- text-align:center;
- }
- .pageLeft{
- width:650px;
- height:auto;
- float:left;
- height:600px;
- border-right:1pxsolid#cee8cd;
- padding-right:8px;
- clear:both;
- position:relative;overflow:auto;height:auto;
- }
紅色這句很重要,這樣就會(huì)左右分開并且還會(huì)自動(dòng)根據(jù)內(nèi)容DIV高度而自適應(yīng)了。
標(biāo)題名稱:DIV自適應(yīng)高度寫法簡介
網(wǎng)址分享:http://fisionsoft.com.cn/article/dhphedj.html


咨詢
建站咨詢
