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

请从position:fixed删除#cust_info id。

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

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

当Div扩展时，我的屏幕不会激活滚动条

1 个答案: