高度自適應問題

1.線上產品，給你地址加IP，要修改host文件，把對應的IP和域名添加上
2.關於浮動問題
3.關於切圖問題
4.第一次找bug問題，你在本地看着好好地，爲何走到線上不行了呢，樣式全亂了，由於後臺把全部的css樣式所有引入了進去，因此纔會這樣子
5.關於高度自適應問題，就是頁面不是靜態的，信息是動態從數據庫獲取的，因此高度不能寫死，你要自適應
6.還有浮動問題，必定要理解好

解決高度自適應問題

1.有些時候，咱們但願容器有一個固定高度，但當其中的內容多的時候，又但願高度可以自適應，也即容器在縱向能被撐開，且若是有背景，也可以自適應。在通常狀況下，使用min-height便可解決。可是廣大網民的首選瀏覽器ie6並不支持min-height。ie7,opera,火狐沒有問題。因此採用如下寫法能夠解決兼容性：

height:auto!important; 
height:200px; 
min-height:200px;

2.不少朋友反映用上面的方法後，在有些時候依然沒法解決容器沒法撐開自適應的問題。那必定是有容器嵌套的狀況下，而子容器又是浮動的。例如

• 內容1
• 內容1

其中class爲fuqin的div有浮動的li，當li比較多的時候，即使是div設置的是最小高度，也沒法被撐開。

緣由就在於做爲子容器的li是浮動的即 。在這種狀況下，即使是li的內容超過了div的高度，div也沒法撐開。

解決方法以下：
在浮動的容器後面，父容器結束以前加入一個div

<div class="fuqin"><ul><li>內容1</li><li>內容1</li&gt;</ul><div class="clearfloat"></div></div> 
.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;}