css div

前言：width和heigth不會互相作用 ，各自為政！

1、當div設定了固定的長度和寬度後

高度和寬度都行！：不管裡面有沒有内容（可以無視内容），div就是一個框子在那（預設無邊框）！即使内容超出，尺寸也不變！

#select_box {

WIDTH: 330px; HEIGHT: 40px;border:2px solid red;

}

<div id="select_box">

 </div>

顯示效果：

2、若是div設定為百分比的形式

寬度無論如何都行！：width:50%;能行！ 無視内容！ 即使内容超出寬度框的寬度還是50%，内容超出框而存在；

高度無論如何都不行！：heigth：50%則不行 高度為内容的高度，如要設定高度 需要用height:50px 則可以，此時即使沒有内容也會有框出現！

注意width總是以外層的對象為比較标準的！

3、嵌套div形式

絕大部分情況是：

父子互不幹涉 兩個框同時出現！

追加的内容會顯示

4、若在div中設定了BACKGROUND: url(../images/ubox-select.gif) no-repeat 0px 0px

4.1、div很小時  隻顯示圖檔的固定區域！

4.2、div很大時，圖檔具體情況根據：no-repeat 0px 0px參數而定！