滚动内部div

我有一个固定长度的div。有一个可变长度的anorher 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 Fiddle

来源

2012-06-25 Muhammad Usman

下面是一个例子，你需要固定的宽度和高度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-25 06:26:00 slash197

我DONOT要解决内部的div –

的宽度，如果你不这样做会增加高度 – slash197

再怎么我可以管理它。 @ slash197 –

你可以试试这个：演示：http://jsfiddle.net/epinapala/57wdH/23/

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

虽然您可以对高度进行更改以使其与外部div成比例！

来源

2012-06-25 06:26:11

我需要水平滚动宽度动态宽度 –

哦，然后让外部div设置为溢出！编辑ans！ –

这对我的作品......

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

...

来源

2012-06-25 06:31:49 danze

回答

相关问题