CSS height属性实例讲解
CSS height属性用于设置元素的高度。
语法:
height: auto|length|initial|inherit;
属性值:
- auto:默认值,元素的高度由其内容决定。
- length:设置元素的固定高度,可以是像素(px)、百分比(%)、视窗单位(vh)等。
- initial:将高度设置为默认值。
- inherit:继承父元素的高度。
实例:
1. 设置元素的固定高度为200px:
```css
div {
height: 200px;
}
```
2. 设置元素的高度为50%:
```css
div {
height: 50%;
}
```
3. 设置元素的高度自适应:
```css
div {
height: auto;
}
```
4. 继承父元素的高度:
```css
div {
height: inherit;
}
```
注意事项:
- height属性只适用于块级元素。
- 如果同时设置了height和max-height属性,max-height会覆盖height属性。
- 如果height值小于元素内容的高度,元素的内容会溢出。
- 如果height值大于元素内容的高度,元素会被撑开,多出的部分会留白。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341