CSS中的height属性用于定义元素的高度。它可以接收绝对单位(如像素、厘米等)或相对单位(如百分比、em等)。
例: div { height: 100px; /* 设置高度为100像素 */ } img { height: 50%; /* 设置高度为父元素高度的50% */ }
若需要让元素的高度自适应其内容,可以将height属性设置为auto或不设置height属性。
例: div { height: auto; /* 元素高度会自动适应其内容 */ }
需要注意的是,若元素的父元素也设置了height属性,则元素的高度不会超过父元素的高度。
例: 父元素为div,其高度为200px: div { height: 200px; } 子元素为p,其高度为250px: p { height: 250px; /* 但由于父元素高度为200px,子元素的高度最终会被限制为200px */ }
总之,在设计网页时,合理使用height属性可以让元素的呈现更美观、更符合设计要求。