当 Div 展开我的屏幕时不激活滚动条

Question

如您所见，当 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。

Answer 1

请从 #cust_info id 中删除 position:fixed。

删除它会自动在您的页面中滚动。

为了保持左对齐，只需将 float:left 赋给 #cust_info。

当 Div 展开我的屏幕时不激活滚动条

When Div Expands my screen does not activate a scroll bar

html

css

divider