css 高度 CSS 高度（height） 属性

css 高度

CSS 高度是指在 CSS 中定义元素的高度。它可以用来控制元素的大小，以便在页面上获得最佳的布局效果。

CSS 高度可以使用像素（px）、百分比（%）或 em 单位来定义。像素是一个固定的单位，而百分比和 em 单位会随浏览器尺寸而变化。

div { height: 200px; } 
 
div { height: 50%; } 
 
div { height: 10em; }  

当使用 CSS 高度时，还可以通过 min-height 和 max-height 属性来设置元素的最小高度和最大高度。min-height 属性可以保证元素不会因内容太少而显得太小；max-height 属性可以保证元素不会因内容太多而显得太大。

  
  
div { min-height: 200px; }  
  
div { max-height: 500px; }  														    

此外，CSS 还支持 auto 高度（也叫动态高度或自动高度）。auto 高度会随内容的大小而自动调整元素的高度。

      div { height: auto; } 

此外，还可以使用 inherit 关键字来将元素的高度设为与其包含元素相同。

  div { height: inherit; } 

CSS 高度（height） 属性

CSS height 属性

实例

设置一个段落的高度和宽度：

p.ex
{
height:100px;
width:100px;
}

在此页底部有更多的例子。

---

属性定义及使用说明

height属性设置元素的高度。

注意： height属性不包括填充，边框，或页边距！

默认值：	auto
继承：	no
版本：	CSS1
JavaScript 语法：	object.style.height="50px"

---

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性
height	1.0	4.0	1.0	1.0	7.0

---

属性值

值	描述
auto	默认。浏览器会计算出实际的高度。
length	使用 px、cm 等单位定义高度。
%	基于包含它的块级对象的百分比高度。
inherit	规定应该从父元素继承 height 属性的值。

---

更多实例

使用百分比设置图像的高度
本例演示如何使用百分比值来设置元素的高度。

---

相关文章

CSS 教程: CSS Dimension

CSS 教程: CSS Box model

CSS 参考手册: width 属性