CSS设定,最低高度和自动增加高度怎么做?

html-css023

CSS设定,最低高度和自动增加高度怎么做?,第1张

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>标签中。这应该可以正常显示了。