footer 置底

這篇超簡單 也超實用
傻子的我當初切板就切錯了
請一定要這麼切
<div id="wrapper">
</div>
<div id="footer">
</div>

另外padding-bottom margin-top 和 height 這三者的數值要設一樣

ie7 height 無法自動延伸

ie7本身的bug就是div 無法自動延伸，反而ie6 ie8都不會出現這種問題

另外也有可能是我div包太多層了，大致上寫的內容如下
<div class="allbox">
       <div class="one">
               <ul class="two">
              <li></li>
                          <ul class="three">
                          <li></li>
                          <ul>
              <ul>
      </div>
</div> 

導致在one只能allbox高度內，其餘的內容都會被卡掉
使用了height:auto 和min-height max-height都沒有用
因此使用了allbox的地方使用了 display:inline，內容會以卷軸的方式出現
為了避免橫軸出現，可以使用display-x:none

ie系列的CSS語法加註

這網路上搜尋到這篇寫的很好

小整理
background:red \9; /*IE all */

*background:green ; /*IE7.IE6 */
+background:green ; /*IE7 */

_background:orange; /*IE6 */

font-size:12px\9\0;/*ie9*/