如何讓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像

回答

相關問題