CSS DIV高度不确定如何设置高度
2015-03-19 15:59
579 查看
CSS DIV高度不确定如何设置高度,是否需要加上height:auto属性?
[align=left] 在CSS布局中,常常最外层的DIV盒子不能确定具体的height高度值,不确定内容是否可多可少而不能确定父级盒子究竟设置多高。此时一般新手喜欢设置个height:auto(高度自适应)样式。
[/align]
[align=left] 这里DIVCSS5可以告诉大家,一般最外层的DIV盒子,或不确定内容(子级)占用多高时,此时对此父级DIV不需要设置height:auto,因为默认情况下普通标签比如(div、span、h1、p、h2等标签)默认高度值都是自适应(auto)。所以无需设置高度。
[/align]
[align=left] 小结:一般情况下最外层、大盒子、不知道内容多少而无法确定高度的此类对应样式都不需要设置高度,因为设置后,如果内容多了,会溢出、内容少了预留空白就多了。
[/align]
什么时候需要设置高度?
1、最小局部。
一般较小的局部布局,需要设置高度固定其结构,此时需要设置具体高度。
2、需要限高
有时布局左右结构要想左右结构对齐情况下,需要对DIV设置高度,一般情况下此时避免内容太多超出限制高度需要设置CSS隐藏溢出内容处理。
[align=left] 在CSS布局中,常常最外层的DIV盒子不能确定具体的height高度值,不确定内容是否可多可少而不能确定父级盒子究竟设置多高。此时一般新手喜欢设置个height:auto(高度自适应)样式。
[/align]
[align=left] 这里DIVCSS5可以告诉大家,一般最外层的DIV盒子,或不确定内容(子级)占用多高时,此时对此父级DIV不需要设置height:auto,因为默认情况下普通标签比如(div、span、h1、p、h2等标签)默认高度值都是自适应(auto)。所以无需设置高度。
[/align]
[align=left] 小结:一般情况下最外层、大盒子、不知道内容多少而无法确定高度的此类对应样式都不需要设置高度,因为设置后,如果内容多了,会溢出、内容少了预留空白就多了。
[/align]
什么时候需要设置高度?
1、最小局部。
一般较小的局部布局,需要设置高度固定其结构,此时需要设置具体高度。
2、需要限高
有时布局左右结构要想左右结构对齐情况下,需要对DIV设置高度,一般情况下此时避免内容太多超出限制高度需要设置CSS隐藏溢出内容处理。
相关文章推荐
- CSS DIV高度不确定如何设置高度
- div+css中设置了float属性后如何让外层的高度随着内层的高度大小自动调整
- DIV+CSS常见问题:DIV如何设置一个像素高度?
- div+css中设置了float属性后如何让外层的高度随着内层的高度大小自动调整
- 用DIV+CSS布局中,如何设置图片与文字在同一高度?
- div+css中设置了float属性后如何让外层的高度随着内层的高度大小自动调整
- 一个CSS文件内如何设置多个body及多个DIV样式,并给出页面如何调用
- 关于div行高的巨细问题(如何设置 div 的最小高度)
- css 如何设置 某div 里面的所有图片的最大宽度。当加入文章里图片时,图片自动按比例减小。
- div+css总结—FF下div不设置高度背景颜色或外边框不能显示
- div+css总结—FF、IE7下div不设置高度背景颜色或外边框不能显示的解决方法
- css div设置float后高度不能自动增加
- 在IE6下用css设置div的高度为100%时失效的问题!
- div 设置最大高度css div设置float后高度不自动增加解决
- css在firefox及IE6中最小高度如何设置
- [转]CSS中设置div最小高度(支持IE6, IE7, IE8, FF等浏览器)
- 关于div设置最小高度,超过后自动增加的css,兼容IE和火狐
- css如何控制div高度等于另一个DIV的高度?
- 关于div行高的巨细问题(如何设置 div 的最小高度)
- DIV+CSS制作网页之如何设置z-index position:relative