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

时间:2011-04-11 21:51:16

标签: css height width containers

我在页面上显示客户列表,在右侧我有一个日历显示安排新的任命日期。在测试输出时,我发现如果当天有很多客户端,列表超出了容器的长度。该怎么办..

一些代码:

容器:

#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;
}

3 个答案:

答案 0 :(得分:1)

你想要#container进行扩展吗?

如果没有,请将min-height更改为height,并添加overflow:hidden;

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

答案 1 :(得分:1)

使用最小高度。例如:

min-height: 300px;

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

(请注意,并非所有网络浏览器都使用min-height。)

答案 2 :(得分:0)

overflow: auto;您要找的是什么?如果内容超出容器的大小,则会添加滚动条。