HTML
<div class="div1">
</div>
CSS
.div1 {
min-height: 30px/*最小高度30像素*/
}
设置min-height后,默认最小高度为30像素。内容增加后,div高度也会容增加。
注意:ie6 不支持min-height属性。
您提供的HTML代码中,div元素的border属性值没有指定单位(如px),这可能导致浏览器无法正确解析该CSS规则,从而未正确应用样式。您可以将border的属性值修改为类似于border: 2px solid black的形式来指定边框的像素宽度、样式和颜色。另外,如果该HTML代码是嵌入在其他HTML文档中的,您还需要将其放置在HTML文档的<body>标签中,以确保正确显示。以下是修改后的示例代码:
<!DOCTYPE html>
<html>
<head>
<title>示例</title>
<style type="text/css">
div.one {
width: 100px
height: 100px
border: 2px solid black
}
</style>
</head>
<body>
<h1>呵呵呵</h1>
<div class="one"><p>啊啊啊啊啊你你你</p></div>
</body>
</html>
在这个示例中,div元素的样式已经指定了单位,并且被嵌入在HTML文档的<body>标签中。这应该可以正常显示了。