如何根據在該div中輸入的文本量擴展div框（菜單）？

Question

我一直在想，如何在必要時擴展div框的正方形，使其與我輸入的文本量平行。 讓我用一個例子說明我的問題：

http://postimg.org/image/l4mrkj0bh/

文本比框本身多得多，因此重疊。 但是，如果我的文字較短，那不是問題，因為框的大小是相同的，是靜態的。 我想讓它充滿活力。

這是div框的CSS：

#centercol {
position: relative;
background:
linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-color: #131313;
background-size: 20px 20px;
width: 52%;
float: left;
border: 2px solid #354350;
border-radius: 5px;
-moz-border-radius: 5px;    
height: 400px;
margin: 5px;
padding: 5px;
}

我什至無法想象如何做到這一點，但是我已經在e107的新聞系統中看到了這種功能。

您的幫助將不勝感激。

Answer 1

不要使用height ，而是嘗試使用min-height ：

#centercol {
  ...
  min-height: 400px;
  ...
}

我認為屬性名稱本身是不言而喻的。