本文深入解析CSS中的width、height、max-width、min-width、max-height和min-height等尺寸属性的使用方法，阐述了这些属性如何设定目标对象的宽高及最大最小限制，适用于网页布局设计与响应式调整。
width、height相关属性
height:用于设置目标对象的高度。该属性可以是任何有效的距离值。
max-height:用于设置目标对象的最大高度。如果此属性小于min-height属性的值，将会被自动转换为min-height属性的值。该属 性值可以是任何有效的距离值。
min-height:用于设置目标对象的最小高度。如果此属性大于max-height属性的值，将会被自动转换为max-height属性的值。该属 性值可以是任何有效的距离值。
width:用于设置目标对象的宽度。该属性可以是任何有效的距离值。
max-width:用于设置目标对象的最大宽度。如果此属性小于min-width属性的值，将会被自动转换为min-width属性的值。该属性值可以是任何有效的距离值。
min-width:用于设置目标对象的最小宽度。如果此属性大于max-width属性的值，将会被自动转换为max-width属性的值。该属性值可以是任何有效的距离值。
<!DOCTYPE html>
<html>
<head>
<title>summarize</title>
</head>
<body>
<div style="width:200px;height:40px;background-color:#ddd">
HTML 5学习
</div>
</body>
</html>
扫一扫
1388
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
