文章/答案/技术大牛

发布

问滚动内部div
EN

Stack Overflow用户

提问于 2012-06-25 14:20:58

回答 3查看 3.1K关注 0票数 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 Fiddle

javascript

html

scroll

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-06-25 14:26:01

下面是一个示例，您需要固定宽度和高度的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;
}

票数 2

Stack Overflow用户

发布于 2012-06-25 14:26:12

你能试试这个吗: Demo：http://jsfiddle.net/epinapala/57wdH/23/

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

您可以更改高度，使其与外部div成比例！

票数 0

Stack Overflow用户

发布于 2012-06-25 14:31:50

这对我很有效..。

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

..。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11184296

复制

相似问题

问滚动内部div
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问滚动内部divEN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问滚动内部div
EN