【问题标题】:Why [overflow: auto] does not work in Chrome?为什么 [overflow: auto] 在 Chrome 中不起作用?
【发布时间】:2011-04-27 17:06:05
【问题描述】:

为什么 div 在 Chrome 中脱离了他的父级,而在 FireFox 中却没有出现! 尽管一切都在 IE8 中运行良好。

铬:

代码:

<div id="parentDIV" style="overflow: auto; height: 600px;">
    <!-- Child Control -->
    <GW1:OrgChart ID="OrgChart1" runat="server" /> 
</div>

编辑:当我为父 div 指定宽度时,它可以工作,但我不喜欢这样。我尝试将宽度设置为100%,但它不起作用。 有什么想法!

【问题讨论】:

  • 您是否查看了 chrome 中的开发人员工具?他们告诉你关于嵌套 div 的什么?
  • 我做了一个快速测试 (jsfiddle.net/TvUqr/2),它对我来说工作正常(即使没有固定宽度)
  • @Teneff :似乎问题不在overflow 中。实际上它在父 div 的宽度内。当它没有特定宽度时,它不会停留在其父级内。

标签: asp.net html cross-browser


【解决方案1】:

div 需要有一个宽度,overflow:auto 才能工作,否则它会扩展以适应所有子的宽度。

使用width:100% 与不指定宽度相同 - 父级将简单地扩展,因为它没有限制。

【讨论】:

  • 你已经指定了问题,但我不能避免指定宽度吗?
  • @Jack:不,宽度需要在某个地方定义。您也许可以使用 % width,只要它不是 100%(不过我还没有尝试过)。
猜你喜欢
  • 2011-08-11
  • 2012-03-07
  • 2019-02-15
  • 1970-01-01
  • 2012-05-04
  • 2021-08-16
  • 2014-12-08
  • 2018-08-11
  • 1970-01-01
相关资源
最近更新 更多