【发布时间】:2015-06-10 13:23:09
【问题描述】:
如您所见,当 div 展开时,我没有向下滚动的选项,我想知道如何解决这个问题。这是我的 CSS
<style>
#cust_info {
width: 300px;
min-height:350px;
margin: 0 auto;
padding: 1em;
background-color: #fff;
border-radius: 25px;
border: 2px solid #66CCFF;
padding: 20px;
position: fixed;
top: 100px;
left: 40px;
font-family: arial;
}
.more {
display: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff; }
a.showLink, a.hideLink {
text-decoration: none;
color: #36f;
padding-left: 8px;
background: transparent url(down.gif) no-repeat left; }
a.hideLink {
background: transparent url(up.gif) no-repeat left; }
a.showLink:hover, a.hideLink:hover {
border-bottom: 1px dotted #36f; }
</style>
我给了 div 一个最小高度,这样它就可以在没有文本离开该区域的情况下展开,但是当 div 展开超过屏幕时,我会丢失大部分 div。
【问题讨论】:
-
因为位置固定。您应该避免使用这样的固定,而是使用浮动 div 或绝对定位的布局