css中高度的條件語句

我想要div是一個特定的高度，直到其內容需要更多的空間。css中高度的條件語句

讓我進一步解釋：

<html> 
<section> 
<div id="container"> 
<?php while($row =mysql_fetch_array($result)){ 
echo '<h2>'.$row["title"].'</h2>'; 
echo $row["body"]; 
echo $row["user"];} 
</div> 
</section> 
</html>

現在我想用ID容器的DIV擁有的200像素，即使它是空的高度，但隨着越來越多的內容被填充到它，它現在應該響應和尺寸增加，我不想使用高度：100px，因爲那仍然是我想要的。

來源

2013-07-03 Wilson

這是你想要什麼：

min-height:100px;

這將是100像素高默認情況下，即使沒有內容，並在必要時將擴大。

JSFiddle Demo

範例CSS

.min { min-height:100px; width:100px; background:#ccc; margin:10px; }

例HTML

<div class="min"></div> 
<div class="min"> 
    <p>Lorem ipsum dolor sit amet,</p> 
    <p>Lorem ipsum dolor sit amet,</p> 
    <p>Lorem ipsum dolor sit amet,</p> 
    <p>Lorem ipsum dolor sit amet,</p> 
    <p>Lorem ipsum dolor sit amet,</p> 
    <p>Lorem ipsum dolor sit amet,</p> 
    <p>Lorem ipsum dolor sit amet,</p> 
    <p>Lorem ipsum dolor sit amet,</p> 
    <p>Lorem ipsum dolor sit amet,</p> 
</div>

來源

2013-07-03 14:32:37

不知道爲什麼你downvoted –

你是真棒！謝謝 – Wilson

不用擔心！我只是編輯它來包含html，不知道爲什麼它是downvoted：s。 –

css中高度的條件語句

回答

相關問題