使用固定值的示例:
.container {
height: 200px; /* 设置高度为200像素 */
}
.header {
height: 80px; /* 设置高度为80像素 */
}
使用百分比的示例:
.container {
height: 100%; /* 设置高度为父元素高度的百分之百 */
}
.sidebar {
height: 50%; /* 设置高度为父元素高度的百分之五十 */
}
使用 auto 自动调整高度的示例:
.container {
height: auto; /* 元素的高度由其内容和内边距决定 */
}
.image {
height: auto; /* 图片的高度会根据其宽度和原始宽高比自动调整 */
}
height 属性对于创建响应式布局和确保页面元素的一致外观非常重要。需要注意的是,对于某些元素,height 属性的效果可能受到其内容、父元素的高度设置以及盒模型的影响。
转载请注明出处:http://www.pingtaimeng.com/article/detail/6084/CSS