我如何防止内容不超过容器的长度？

我在一个页面上显示客户列表，在右侧，我有一个日历显示安排新任命日期。当测试输出时，我发现如果当天有很多客户来到，那么列表超出了容器的长度。怎样处理这个..我如何防止内容不超过容器的长度？

一些代码：

容器：

#container { 
background-color: #FFFFFF; 
margin:0 auto; 
min-height: 600px; 
width: 900px; 
border:0px solid #999999; 
margin-top:30px; 
font-size:15px; 
color: #000000; 
margin-bottom:60px; 
position:absolute; 
} 

#calendar { 
margin-left:400px; 
}

来源

2011-04-11 KPO

可以用[的jsfiddle（http://jsfiddle.net/）你展示你的代码？ – thirtydot 2011-04-11 21:53:00

你能发布html吗？编辑：+1以上;） – Calum 2011-04-11 21:53:35

你想的#container在所有的扩大？

如果不是，则将min-height改为height，并添加overflow：hidden;

更好的解决方案是修改提供数据的任何东西，以便在任何给定时间只接收预定数量的客户端。

来源

2011-04-11 21:54:22 Todd

它没有工作。它只将容器的高度扩大了0.5英寸。 – KPO 2011-04-11 21:56:56

是的，如果超过#container的长度，我希望#container展开到列表的长度。 – KPO 2011-04-11 22:01:01

我可以haz代码？如果你能向我们展示你到底在做什么，我相信我们将能够帮助你。 – Todd 2011-04-11 22:20:44

是overflow: auto;你在找什么？如果内容超出容器的大小，则会添加滚动条。

来源

2011-04-11 21:54:50 penguinrob

不，我是说容器包含这些客户端的列表......但是这个列表超出了容器的长度，所以它会离开它。我怎么能这样做，使容器的高度适应列表的长度.. – KPO 2011-04-11 21:57:56

如果您从容器中删除任何高度属性，并且它不是一个固定的布局或任何东西，containter *应*自动展开 – penguinrob 2011-04-11 22:00:33

试过。它仍然熄灭。 – KPO 2011-04-11 22:03:12

使用最小高度。例如：

min-height: 300px;

如果指定此样式，则该元素将为300px高或足够高以包含其内容 - 以较高者为准。

（请注意，并非所有Web浏览器与最小高度的工作。）

来源

2011-04-11 22:09:44 KatieK

我在上面发布的代码中使用了最小高度。我在Firefox上。 – KPO 2011-04-11 22:13:45

你是对的。你能发布一些HTML代码吗？ – KatieK 2011-04-11 22:16:07

谢谢我认为问题是在#container中的位置：绝对。我忘了将它复制到xample中。如果我删除那个高度调整，但日历一直下降。 – KPO 2011-04-11 22:18:52

我如何防止内容不超过容器的长度？

回答

相关问题