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隐藏溢出内容处理。