點評：每當進行頁面布局時，我們都有這樣的需求，就是當子元素div高度不確定時父div自適應高度，本文整理的多種方法可以解決此問題，感興趣的朋友可以參考下
在最外層div加以下樣式
height:100%;
overflow:hidden;
其它方法：
div即父容器不根據內容自適應高度，我們看下面的**：
複製**
**如下:
當content內容多時，即使main設定了高度100%或auto。在不同瀏覽器下還是不能完好的自動伸展。內容的高度比較高了，但容器main的高度還是不能撐開。
我們可以通過三種方法來解決這個問題
1增加乙個清除浮動，讓父容器知道高度。請注意，清除浮動的容器中有乙個空格。
複製**
**如下:
2增加乙個容器，在**中存在，但在視覺中不可見。
複製**
**如下:
3增加乙個br並設定樣式為clear:both。
複製**
**如下:
補充：
複製**
**如下:
demo1
demo2
demo3
#main
#content
以上三個方法都不是最好的解決方法,因為在程式**觀念中是提倡盡量不要新增無意義的標籤**
div根據父元素根據子元素高度自適應高度
切圖時經常遇見一種問題 父級的div高度為0，導致後面緊跟著的元素串位。特別是在使用bootstrap布局的時候 以前都是通過該margin調整 兩種情況 無特殊說明子元素都是指代父元素的第一級子元素 第一種 若子元素沒有帶有float元素的元素,對於高度是自適應的沒有問題.第二種 若子元素全是帶有...
DIV不確定高度內部元素水平垂直居中的方法歸納
看題目就知道是利用父標籤的 display table cell,該屬性指讓標籤元素以 單元格的形式呈現，類似於td標籤。目前ie8 以及其他現代瀏覽器都是支援此屬性的。那麼既然父標籤已經是類似 單元了，那麼就可以利用 單元的屬性vertical align middle 來使得內部元素垂直居中了，...
不確定元素寬度和高度時實現居中
一 在元素高度 寬度已知時，實現水平垂直居中就很簡單了 1 position all 二 當元素本身高度不確定時，margin left 50 是不行的，此時百分比不是元素本身的一半。也就是說如果百分比是相對自身就可以了，那我們可以使用css3的transform來代替margin 1 positi...