如您所见,当 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。
最佳答案
请从 #cust_info id
中删除 position:fixed
。
删除它会自动在您的页面中滚动。
为了保持左对齐,只需将 float:left
赋给 #cust_info
。
关于html - 当 Div 展开时我的屏幕没有激活滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30757674/