& lt/div & gt;& ltdiv style = \" h" />
& ltdiv style = " width:580 px;高度:自動;邊距:0自動;
& ltdiv style = " height:100 px;寬度:230px浮動:左;邊距:20px " >& lt/div & gt;
& ltdiv style = " height:100 px;寬度:230px浮動:左;邊距:20px " >& lt/div & gt;
& ltdiv style = " height:100 px;寬度:230px浮動:左;邊距:20px " >& lt/div & gt;
& ltdiv style = " clear:both;身高:1px;寬度:100%;溢出:隱藏;邊距-頂部:-1px;"& gt& lt/div & gt;
& lt/div & gt;
擴展數據
格高度和格自適應高度
1.使用div標記中的style屬性設置此DIV框的高度樣式。
& ltdiv?style="height:50px " >我的身高是50px
說明:高度樣式是上面通過div標簽的樣式屬性style設置的。
2.外部樣式設置指定div框的高度。
該方法是在標簽外用CSS樣式設置對象樣式的常用方法。把CSS代碼寫入CSS文件,然後通過HTML引入CSS文件,就可以使用了。還可以使用style標簽直接在HTML源代碼中設置CSS樣式代碼。
下面是壹個使用html頁面源代碼中的style標簽來設置外部CSS樣式的演示。
為了觀察這個div height示例的效果,將對象div命名為“. divcss5”,寬度為150px,高度為80px,css邊框為1px藍色。
DIV+CSS示例CSS代碼:
& ltstyle & gt?
. divcss5{?高度:80px?寬度:150 px;?邊框:1px?固體?#00F}?
& lt/style & gt;?