div的自動適應高度(相容所有瀏覽器)

2021-08-31 17:54:47 字數 395 閱讀 6726

在平時做div+css的開發中,經常會遇到,把乙個div的高度固定,然後,裡面在巢狀乙個div,但是裡面的div的內容增多的時候,可以把外面的div撐開,但同時又保證裡面的div沒有東西是,外面的div保持一定的高度。主要解決辦法是在外面的div使用min-height這個屬性,來保證他的高度,這個屬性支援ie7以上各個版本和ff 、chrome等瀏覽器,但是ie6不支援,因此還要加多乙個:_height 。

下面我做了乙個demo:

撐開撐開

撐開撐開

撐開撐開

撐開撐開

撐開撐開

撐開撐開

撐開撐開

撐開撐開

撐開撐開

撐開撐開

撐開

分析div自動適應瀏覽器的高度

前端人員之間有乙個普遍存在的問題,如何讓乙個div的高度自動延伸到瀏覽視窗100 的高度,在布局中,我們有時會用到高度自適應,例如,我們定義了乙個 div,並且希望它的高度為視窗高度的100 那麼我們該如何編寫 呢?用height 100 就可以了。但要注意的是,瀏覽器對css的解析方式有一點差異。...

div實現高度自適應的textarea

textarea使我們常常使用的一種表單形式,多用於大段文字的輸入,大多數情況下,textarea都是可以滿足需求的,但是當我們希望這個輸入框高度自適應的時候,textarea就很難做到了。ok,主角登場,html5中的 contenteditable 可以做到。文件 即這個屬性是直接新增在標籤中的...

div高度自動撐大的問題(相容ie和FF)

今天排版頁面又遇到這個問題了,之前這樣寫可以 height auto important height 200px min height 200px 可是今天怎麼就不行了,也不知道怎麼回事,上網查了查,原來要在div上加乙個overflow hidden 記得把 height 200px 去掉,不然...