CSS DIV高度不确定如何设置高度

2016-10-14 分类：网站建设

　　CSS DIV高度不确定如何设置高度，是否需要加上height:auto属性？

　　在CSS布局中，常常最外层的DIV盒子不能确定具体的height高度值，不确定内容是否可多可少而不能确定父级盒子究竟设置多高。此时一般新手喜欢设置个height:auto（高度自适应）样式。

　　这里DIVCSS5可以告诉大家，一般最外层的DIV盒子，或不确定内容（子级）占用多高时，此时对此父级DIV不需要设置height:auto，因为默认情况下普通标签比如（div、span、h1、p、h2等标签）默认高度值都是自适应（auto）。所以无需设置高度。

　　小结：一般情况下最外层、大盒子、不知道内容多少而无法确定高度的此类对应样式都不需要设置高度，因为设置后，如果内容多了，会溢出、内容少了预留空白就多了。

　　什么时候需要设置高度？

　　1、最小局部。

　　一般较小的局部布局，需要设置高度固定其结构，此时需要设置具体高度。

　　2、需要限高

　　有时布局左右结构要想左右结构对齐情况下，需要对DIV设置高度，一般情况下此时避免内容太多超出限制高度需要设置CSS隐藏溢出内容处理。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容