Question

我一直想知道如何在必要的时候扩展我的div方框，与我输入的文字量相等。让我用一个例子说明我的问题：

文本远不是盒子本身，所以它重叠。但是，如果我有一个较短的文字，这不是一个问题，因为盒子的大小是相同的，静态的。我想让它充满活力。

这是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;
  ...
}

我认为属性名称本身是不言自明的。

如何根据在该div中输入的文本量扩展div框（菜单）？

1 个答案: