今天排版頁面又遇到這個問題了，之前這樣寫可以：height:auto!important; height:200px; min-height:200px;，可是今天怎麼就不行了，也不知道怎麼回事，上網查了查，原來要在div上加乙個overflow:hidden;記得把 height:200px;去掉，不然ie6會把多餘的內容隱藏掉。試了試，可以，(*^__^*) 嘻嘻……繼續努力吧!
min -height是個非常方便的css命令，它可以指定元素最小也不能小於某個寬度，這樣就能保證排版一直正確。但ie不認得這個，而它實際上把width當 做最小寬度來使用了，ie6下設定了高度和寬度，當內容超出時div會自動撐大。min -width對ie7和ff管用，最好的辦法是這樣寫：height:auto!important; height:200px; min-height:200px;overflow:hidden;這樣的話不管是在ie6，ie7還是ff下都起作用了，也就是內容沒有超出200px時div顯示200px的高度，超出時才自動撐大。
看例子：
csdn上看到有個人在請教這個問題.
問題是：以下**在ie中可以的到想要的效果，content（div）會被自動撐大，但是在ff下content（div）不會被撐大.
其實我在做網頁之初我也碰到過這個問題.
父元素在非ie瀏覽器中不能自適應子元素高度.
在這裡首先我們要知道的是.沒有定義float的父元素它在預設狀態下它是不會自動計算高度的.
而且必需要新增乙個輔助元素，並且要定義clear：both；
在這種方法下。 成功撐大 content 但是footer不見蹤影。
最終解決方法。如下：
只要在content主容器內， 新增屬性overflow：auto； /*強制父元素適應子元素的高度*/
至於clear 只是清楚兩邊的浮動元素。
問題迎刃而解 ：）
注意：div#clear 在其中起了很重要的作用。
div的自動適應高度（相容所有瀏覽器）
在平時做div css的開發中，經常會遇到，把乙個div的高度固定，然後，裡面在巢狀乙個div，但是裡面的div的內容增多的時候，可以把外面的div撐開，但同時又保證裡面的div沒有東西是，外面的div保持一定的高度。主要解決辦法是在外面的div使用min height這個屬性，來保證他的高度，這個...
未設定高度div撐不開的解決辦法
在實際的專案中，常常會遇到不能給容器設定固定高度的情況，因為容器的高度是隨著內容的變化而變化的，如果該容器正好有邊框或者背景，並且子元素設定了浮動，那麼在某些瀏覽器裡是無法顯示出來的，而這個問題一般會有以下的解決方法。方法一 方法二 在該容器的最後乙個子元素的下方新增乙個同級元素並清除浮動 當然還有...
flex 高度在ios撐不開的問題
問題 寫了乙個flxed布局，在flex下高度撐不開的問題，找了很久都找不到結果。最後還是找到了答案 flex布局撐開的最大高度不會大於父級flex元素設定的高度！解釋一下 style height 400px overflow y scroll style display flex flex di...