css height高度样式

2022-10-15 12:24:30 html布局中css样式height高度属性教程,高度语法、用法、小示例。css height用法,单位等如何设置。

height高度css样式,是布局网页时,使用频率较多的一个css属性样式,代表设置对象高度尺寸。

1、语法/值 解释

height:100px —— 设置固定高度100像素
height:auto —— 设置高自适应,如内容多少高度尺寸撑高多少
height:79% —— 设置百分比值,此时高度值会判断父级对象高度而计算出相对父级高79%尺寸。

2、高度height长度单位

height 高样式,值单位可以为px(像素)、em(相对长度)、%(百分比)、rem(相对于根元素(html)的字体大小来计算尺寸)、auto默认自动,常见使用px、%为单位。

如果不设置heigh,默认值为auto

3、直接使用的代码

.abc p{height:90%}
.bc div{height:300px}
.dd{height:400px}

以上设置class=abc对象盒子内p段落标签高度值90%;设置class=bc对象盒子内div标签对象高度300px;直接设置class=dd对象高度为400px

可以看到对标签设置,对对象直接设置css高大小尺寸。

height属于常用css样式。

更新