codecamp

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 属性

温馨提示

下载编程狮App，免费阅读超1000+编程语言教程

取消

确定

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }