FF下高度自適應方法

2021-04-13 23:27:59 字數 465 閱讀 1903

ff下高度自適應方法:

如果容器中有左浮和右浮物件,容器的背景不會隨之延續,也就是容器的高度不能自適應。這種情況在ie中倒不會發生,

方法一:最常用的辦法是在左右浮物件的下面再加乙個div,該div的屬性設定如下

.clear

方法二:不是在左右浮物件的下面再加乙個div,而是在它們的外圍再加乙個div,並且將這個div左浮,背景色就寫在這個層裡,因為左浮的元素會自動獲取高。當然這種方法是治標不治本的,最外層的那個div高度還是沒有下去的,所以有點魚目混珠的嫌疑。

方法三:上面方法畢竟都加了乙個層,讓結構變得複雜了。有種方法很簡單,就是給外層的div乙個display:table的屬性就ok了!不過吧,這個屬性是css2裡的,所以不免會出現一些問題,再使用中要注意了!

方法四:這裡要使用乙個偽類,:after,這個偽類ie是不認的。所以正好應用於ff!寫法是:#wrap:after

這些方法都可以試一試!

高度自適應

開發中遇到乙個問題,要求不管在多高的螢幕下,什麼都行 到底部的距離都應該和psd一致,flash裡面的問題 定義寬度 var psdwidth 750 定義高度 var psdheight 1448 獲取手機螢幕寬度 var w window.innerwidth document.document...

高度自適應

1.高度不去設定,或者高度設定auto 內容撐開父元素的高度。2.內容撐開父元素的高度 最小高度的設定 min height 3.浮動元素新增高度自適應 新增浮動元素的父元素沒有高度,會出現高度塌陷 1 給出現高度塌陷的元素新增 overflow hidden 原理 overflow hidden ...

iframe 自適應高度

由於html沒有include或require,做網頁時我們會用iframe來達到包含頁面的目的。如果呼叫的iframe頁面高度會根據內容多少而發生變化,這時通常要保持iframe與內容頁面的高度,以避免出現iframe的滾動條。先搜尋了一下,有不少好的例子,但總覺得說的還不夠明了。下面給出詳細例子...