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

に変更width:45pc;しますwidth:45px;。その後、すべてが期待どおりに機能します。

picaを使用する場合、1pc = 16pxであるため、幅は16 * 45 px（720px）になります。PCをユニットとして保持したい場合は、ケースで使用する必要がありますwidth:2.8125pc;

于 2013-01-11T13:09:42.593 に答える
1

xの代わりにacと入力したように見えるので、に変更width:45pc;しwidth:45px;ます。それはそれを修正する必要があります。

于 2013-01-11T13:13:19.240 に答える
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 に答える