溢出：自动；使用平板电脑在 chrome 浏览器上流出 div答案

【问题标题】：overflow:auto; flow out of div on chrome browser with tablet溢出：自动；使用平板电脑在 chrome 浏览器上流出 div
【发布时间】：2015-05-12 10:24:09
【问题描述】：

我在 android 平板电脑上的 chrome 浏览器有一个奇怪的问题。

我使用过溢出：自动；属性，它是从android平板上的div流出的。

这是 chrome 上的电脑截图：http://screencast.com/t/71tAo8XINS

这是 chrome 上的 android 平板电脑屏幕截图：http://screencast.com/t/LYfzOI335Q

这里是测试页面：http://www.vizyonsoft.com/demo/mulakatik/test/test.html

这是我的 div 风格

position:relative; height:560px; overflow-y:auto; border:1px solid #ddd; border-radius:3px; padding-top:10px;

我该如何解决这个问题。请帮助我。

【问题讨论】：

对不起；我有点不确定你在问什么。您能否更具体地说明预期的功能是什么以及具体哪些功能无法正常工作？
你指的是什么元素？？请更具体地提出问题。
我的问题是子元素仍然显示这是溢出，因为您可以在第二个屏幕截图中看到红色矩形。您可以看到第一个屏幕截图和第二个屏幕截图的行为差异。第一个屏幕截图意味着正常工作，但第二个不是
哦。我知道了。即使使用overflow-y:auto;，内部元素也会显示在包含div 的顶部。很奇怪。这超出了我的治愈能力。

标签： html css twitter-bootstrap google-chrome

【解决方案1】：

我认为您需要在 div 内设置一个滚动 div 并设置高度。像这样：

<div id="days" style="position:relative; height:560px; overflow-y: auto; border:1px solid #ddd; border-radius:3px; padding-top:10px;" class="col-md-7">

                            <div style="overflow:scroll">

【讨论】：