CSS高度自適應

網上有相關的文章，但是都沒有說思想。之前只是有這個認識，但是沒有親自寫過類似的東西，這回做了一個這樣類似的東西。發現一個道理就是：只看不做，終無成也。

經過自己的嘗試，發現需要兩個前提：

1、高度自適應的這個元素，假設為A，它必須要有一個或多個它的兄弟元素（節點），假設為B；

2、Height(B) > Height(A)。

如果不符合上面的條件的話就沒必要做自適應了。

需要做的有兩點：

1、對A的父級元素（節點），假設為C，設定：overflow-y: hidden; //隱藏掉有可能超出的部分

2、對A元素設定：margin-bottom: -2000px; padding-bottom: 2000px; //可以看出按照盒模式的計算方式，就剛好相互抵消了。

這樣就可以看出效果了。

不過我發現了一個問題：

1、IE6下，我採用的是margin-left：-100%進行布局，發現使用這個屬性後，定位錯誤，跑出了螢幕。修正為：_margin-left: -xxxpx; //xxx為主內容的寬度

具體的參考：http://www.positioniseverything.net/articles/onetruelayout/equalheight 或google：css自適應高度