0

固定長のdivがあります。可変長の別のdivがあります。内部divをスクロールしたい。しかし、それは機能していません。

<div style="width:200px">
  <div style=" overflow-x:scroll">
        <img src="https://www.google.com.pk/images/srpr/logo11w.png" />
        <img src="https://www.google.com.pk/images/srpr/logo11w.png" />
        <img src="https://www.google.com.pk/images/srpr/logo11w.png" />
        <img src="https://www.google.com.pk/images/srpr/logo11w.png" />
        <img src="https://www.google.com.pk/images/srpr/logo11w.png" />
        <img src="https://www.google.com.pk/images/srpr/logo11w.png" />
        <img src="https://www.google.com.pk/images/srpr/logo11w.png" />
        <img src="https://www.google.com.pk/images/srpr/logo11w.png" />
  </div>
</div>​

JSフィドル

4

3 に答える 3

2

次に例を示します。固定の幅と高さが必要ですhttp://jsfiddle.net/57wdH/487/

<div style="width: 200px; overflow-x: auto; ">
    <div style="height: 70px; width: 500px">
        <img src="https://www.google.com.pk/images/srpr/logo11w.png" />
        <img src="https://www.google.com.pk/images/srpr/logo11w.png" />
        <img src="https://www.google.com.pk/images/srpr/logo11w.png" />
        <img src="https://www.google.com.pk/images/srpr/logo11w.png" />
        <img src="https://www.google.com.pk/images/srpr/logo11w.png" />
        <img src="https://www.google.com.pk/images/srpr/logo11w.png" />
        <img src="https://www.google.com.pk/images/srpr/logo11w.png" />
        <img src="https://www.google.com.pk/images/srpr/logo11w.png" />
    </div>
</div>

スタイル

img{
    max-width:100px;
}
于 2012-06-25T06:26:00.617 に答える
0

これを試すことができますか：デモ：http：//jsfiddle.net/epinapala/57wdH/23/

<div style="width: 150px;overflow-x:auto; ">
<div style="height: 100px; width: 500px">

ただし、高さを変更して、外側のdivに比例させることができます。

于 2012-06-25T06:26:11.967 に答える
0

これは私のために働きます...

<div style="width:200px; height:100px; overflow: scroll; overflow-x: hidden;">
    <div style="">

..。

于 2012-06-25T06:31:49.823 に答える