0

我有 <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/

4

3 回答 3

1

看起来您输入的是 ac 而不是 x，所以更改width:45pc;为width:45px;. 那应该解决它。

于 2013-01-11T13:13:19.240 回答
1

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

当你使用 pica 时，你的宽度是 16 * 45 px (720px)，因为 1pc=16px。如果你想保持 pc 作为单位，你需要在你的情况下使用width:2.8125pc;

于 2013-01-11T13:09:42.593 回答
1

你需要另一个 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/

于 2013-01-11T14:01:38.717 回答