在css中,可以使用height属性来设置div高度,只需要给div元素添加“height:高度值;”样式即可。height属性可以设置元素的高度,定义的是元素内容区的高度,不包括填充,边框,或页边距。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

css设置div高度

在css中,可以使用height属性来设置div高度。代码示例:

<!DOCTYPE html><html>	<head>		<meta charset="UTF-8">		<style type="text/css">			div {				width: 500px;				border: 1px solid red;				margin: 10px 0;			}			div.height{				height:100px;			}		</style>	</head>	<body>		<div>			这是一些文本。 这是一些文本。 这是一些文本。 (默认高度)		</div>		<div class="height">			这是一些文本。 这是一些文本。 这是一些文本。(高度设置为100px)		</div>	</body></html>

效果图:

说明:

height属性设置元素的高度。

注意: height属性不包括填充,边框,或页边距!

属性值:

值描述auto默认。浏览器会计算出实际的高度。length使用 px、cm 等单位定义高度。%基于包含它的块级对象的百分比高度。

更多编程相关知识,请访问:编程入门!!

【本文由:阿里云代理 http://www.56aliyun.com欢迎留下您的宝贵建议】

本站提供的所有下载资源均来自互联网,仅提供学习交流使用,版权归原作者所有。如需商业使用,请联系原作者获得授权。 如您发现有涉嫌侵权的内容,请联系我们 邮箱:alixiixcom@163.com