Question

我有<div> position:fixed并且我希望在调整浏览器大小时为该div添加滚动条。我已经尝试了overflo:auto和其他但是没有工作。如果有人可以帮我这个...谢谢。

<div class="div1">
   <span class="l">1</span>
   <span class="l">2</span>
   <span class="l">3</span>
  <span class="l">4</span>
  <span class="r">4</span>
  <span class="r">3</span>
  <span class="r">2</span>
  <span class="r">1</span>
</div>

CSS

 .div1{
      background:lime;
      width:45pc;
      height:50px;
      position: fixed;
      overflow-x: scroll;
    }

    .l{
      float: left;
    }

    .r{
      float:right;
    }

小提琴：http://jsfiddle.net/Ksb2W/158/

Answer 1

将您的width:45pc;更改为width:45px;。然后一切都按预期工作。

当您使用pica时，您的宽度为16 * 45像素（720像素），因为1pc = 16像素。如果您想将个人电脑保留为单位，则需要在您的案件width:2.8125pc;

中使用

Answer 2

您似乎键入了c而不是x，因此将width:45pc;更改为width:45px;。那应该解决它。

Answer 3

你需要另一个div

<div class="div1">
  <div class="ins">
   <span class="l">1</span>
   <span class="l">2</span>
   <span class="l">3</span>
  <span class="l">4</span>
  <span class="r">4</span>
  <span class="r">3</span>
  <span class="r">2</span>
  <span class="r">1</span>
  </div>
</div>

和css的一些变化。

.div1{
  background:lime;
  width:100%;
  height:50px;
  position: fixed;
  overflow-x: scroll;

}
.ins{
  min-width:45pc;
  height:50px;

}

.l{
  float: left;
}

.r{
  float:right;
}

这里是小提琴：http://jsfiddle.net/Ksb2W/189/

固定位置的div无法滚动

3 个答案: