如何让div像

好的。我想创建DIV其中：
1是一样大的文本是
2，但它有它的最小尺寸和最大一个如何让div像

并告诉我，为什么这条线的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>

来源

2011-03-20 oneat

您需要为您的问题添加更多信息。你给出的代码是这样的：http://jsfiddle.net/thirtydot/q7q88/ - 尝试创建你自己的代表你的问题的jsFiddle测试用例。 – thirtydot 2011-03-20 21:30:16

我想将高度设置为最小的可能性而不切割文本，但是我会将div的大小设置为尽可能大（最大高度）。 http://jsfiddle.net/bgtJk/ – oneat 2011-03-20 21:39:37

在这里你去：

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

你有问题是，对html div规则被应用于两个div小号。

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

要修复它，我在外部div上指定了一个id。在根据文本高度之间从min-height:20%到max-height:40%，并在任何地方 -

现在，#mediv将高度取决于内容而异。如果文字太高，则会溢出，而不是增加div,like this的高度。这似乎并不是特别理想的行为。

你确定你不只是希望它是这样的：
http://jsfiddle.net/bgtJk/4/

文本将决定div的高度。

还是这样？
http://jsfiddle.net/bgtJk/5/

的div将至少20%高，但可根据需要一样高增长。

来源

2011-03-20 22:01:35 thirtydot

谢谢你的回答！没有你我不能前进。 – oneat 2011-03-21 11:56:04

如何让div像

回答

相关问题