《兼容多瀏覽器的Div高度自動伸展的效果》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/030233T62013.htm
--> [網(wǎng)站建設(shè)之]兼容多閱讀器的Div高度主動舒展的后果 ,兼容IE和FF的CSS HACK寫法

給大家說說兼容多瀏覽器的Div高度自動伸展的效果,兼容ie、firefox的圖片自動縮放的css跟js代碼分享。一般的Div都能夠自動延長，但讓Div有一個固定高度，在內(nèi)容增多時自動伸展，并且兼容多瀏覽器該怎么做呢？

很簡略，代碼如下：

,具有引導(dǎo)性的移動應(yīng)用界面設(shè)計模式 搜索、排序和篩選.div { width:200px; height:200px; height:auto; min-height:200px; }
這段CSS代碼是應(yīng)用CSS書寫次序和瀏覽器的特別兼容性轉(zhuǎn)變其對CSS的解析做到的,關(guān)閉XPSP2運行本地HTML文件的安全警告，它可以在IE6、IE7、Firefox等瀏覽器中畸形顯示,關(guān)于迅雷網(wǎng)站的設(shè)計分析。下面來說明一下：

height:200px定義了div的高度為200像素，這句代碼對所有瀏覽器有效。但div的內(nèi)容超過200像素時，IE6瀏覽器中的容器會自動舒展，IE7、Firefox等古代瀏覽器則不會向下舒展，內(nèi)容溢出容器,關(guān)于解決網(wǎng)站內(nèi)容復(fù)制幾點建議。如上圖中溢出狀況圖示,關(guān)于網(wǎng)頁標(biāo)題的視覺設(shè)計方法和技巧。

height:auto對IE6瀏覽器不起作用,關(guān)于網(wǎng)站評論頁面設(shè)計的一些指導(dǎo)原則，但對IE7、Firefox等瀏覽器起作用，可以修復(fù)溢出效果，但到這一步因為auto起到了作用，在IE7跟Firefox中Div又不了高度，所以在后面還要加一句min-height:200px來讓這個div的最小高度為200像素。

這種方式看似沒有用到CSS hack，但實在這也算是CSS hack的一種，由于它是利用CSS書寫順序到達的效果。有興致的友人可以看前面CSS hack的相干文章。
Tag：兼容  ,關(guān)于網(wǎng)站維護內(nèi)容和維護方案的制定; 瀏覽器   Div高度   自動伸展     兼容   瀏覽器   Div高度   自動伸展  ,關(guān)于網(wǎng)站日志中的不完整url或莫名其妙的url抓取;  
(責(zé)任編輯：網(wǎng)站建設(shè))
兼容多瀏覽器的Div高度自動伸展的效果相關(guān)文章