Question

确定。我想创建div：
1.和文字一样大 2.但它的最小尺寸和最大尺寸

告诉我为什么这行CSS会使我的身高达到最大高度而不是文字大小或最小高度？

div#me{max-height:40%;min-height:20%;background-color:silver;}

完整代码：

<head>
<meta http-equiv="Content-Language" content="pl" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<html>
<style type="text/css">
html {width:100%;height:100%;}
html div{margin-left:3%;margin-top:1%;width:94%;height:100%;background-color:black;}
div#me{max-height:40%;min-height:20%;background-color:silver;}
</style>

<div>
<div id="me">
TEXT<br/>
TEXT<br/>
</div>



</div>

</html>

Answer 1

你走了：

http://jsfiddle.net/bgtJk/2/

您遇到的问题是html div的规则适用于 div s 。

因此，内部div被告知height: 100%;不是你想要的，以及问题的原因。

要修复它，我在外部div上指定了id。

现在，#me div的高度会有所不同，具体取决于内容 - 从min-height:20%到max-height:40%，以及两者之间的任何位置，具体取决于文字高度。如果文字太高，它会溢出，而不是增加div，like this的高度。这似乎不是特别理想的行为。

你确定你不只是想这样：
http://jsfiddle.net/bgtJk/4/

文字将决定div的高度。

或者喜欢这个？
http://jsfiddle.net/bgtJk/5/

div至少20%高，但可以根据需要增长。

如何使div像

1 个答案: