元素的高度預設是auto,被內容自動撐開;
100%:使得html的height與螢幕的高度相等;
50%:使得html的height等於螢幕的一半;
若想讓乙個的高度與螢幕高度自適應,始終充滿螢幕,需要從html層開始層層新增height=100%
元素沒有
margin和padding
元素有margin
沒有padding
因此讓body佔滿螢幕的**是
html{
height:100%;//讓html的高度等於螢幕
body{
height:100%;
margin:0;
注:因為html,body元素的width預設就是100%,因此在裡面的div 設定width=100%時就能和螢幕等寬
而html,body元素的高度height預設是auto,因此要想讓div和螢幕等高,需要改變html和body的height值
元素的高度自適應
網頁布局中有時候有的高度需要根據內容調整,所以不能固定,今天就來說說,最小高度自適應 屬性 min height 最小高度,但ie6不識別該屬性,height在ie6中類似min height屬性 以下是解決bug問題方法 hack1 min height value height value ie...
CSS布局 左側自適應母元素高度
平常專案中經常會遇到有左側導航選單的高度不固定,需要與母元素或右側元素等高的情況,以前就自以為是的使用js來設定,不僅不方便還會出現各種bug,後來就突然想到了乙個好方法。有可能這方法已經被其他人用爛了,但還是在這裡獻醜分享出來,希望和大家一起 學習。先請看示例 這個示例看起來是乙個簡單的左右布局,...
css高度自適應 父元素隨子元素變化
day16 1 min height ie6不相容問題 正常專案中 最小高度直接用min height即可。如果考慮相容 min height ie6不相容。ie6預設把height解析成最小高度。若height 和min height同時出現,ie6執行的事height固定高度。最小高度的相容設定...