CSS DIV高度不確定如何設置高度

2018-01-18 13:10

CSS DIV高度不確定如何設置高度

　　

CSS DIV高度不確定如何設置高度，是否需要加上height:auto屬性？
　　在CSS布局中，常常最外層的DIV盒子不能確定具體的height高度值，不確定內容是否可多可少而不能確定父級盒子究竟設置多高。此時一般新手喜歡設置個height:auto（高度自適應）樣式。
　　這里DIVCSS5可以告訴大家，一般最外層的DIV盒子，或不確定內容（子級）占用多高時，此時對此父級DIV不需要設置height:auto，因為默認情況下普通標簽比如（div、span、h1、p、h2等標簽）默認高度值都是自適應（auto）。所以無需設置高度。

小結：一般情況下最外層、大盒子、不知道內容多少而無法確定高度的此類對應樣式都不需要設置高度，因為設置后，如果內容多了，會溢出、內容少了預留空白就多了。

　什么時候需要設置高度？
　　1、最小局部。
　　一般較小的局部布局，需要設置高度固定其結構，此時需要設置具體高度。
　　2、需要限高
　　有時布局左右結構要想左右結構對齊情況下，需要對DIV設置高度，一般情況下此時避免內容太多超出限制高度需要設置CSS隱藏溢出內容處理。