我在页面上显示客户列表,在右侧我有一个日历显示安排新的任命日期。在测试输出时,我发现如果当天有很多客户端,列表超出了容器的长度。该怎么办..
一些代码:
容器:
#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;
}
答案 0 :(得分:1)
你想要#container进行扩展吗?
如果没有,请将min-height更改为height,并添加overflow:hidden;
更好的解决方案是修改提供数据的任何内容,以便您在任何给定时间只接收预定数量的客户端。
答案 1 :(得分:1)
使用最小高度。例如:
min-height: 300px;
如果指定此样式,则元素将为300px高,或足够高以包含其内容 - 以较高者为准。
(请注意,并非所有网络浏览器都使用min-height。)
答案 2 :(得分:0)
overflow: auto;
您要找的是什么?如果内容超出容器的大小,则会添加滚动条。