问题标签 [haslayout]

正如标题所说，这基本上是发生了什么：

在用户交互时 - 我做了一些工作：请求一些 JSON，构建元素，然后将所述元素附加到“容器”div。结果是这样的：

现在发生了什么事。如果孩子被附加到这个并且他们超过了父母的高度。父母消失了。

我追求“hasLayout”和所有的爵士乐——没有任何效果。

起作用的是，如果孩子的大小相同或更小- 但由于我想要完成的工作的性质，这是不希望的 - 也不能保证他们会更小。

height:auto不起作用，但设置一个大于最大孩子的值可以解决这个问题 - 但会扭曲我的布局

提前致谢。

编辑：图像是通过 JSON 和延迟队列的组合加载的。保证在将它们附加到容器元素之前加载它们。

基本上 ：

在所有 chrome 和 FF 中都可以正常工作

edit2：我试图将图像都附加到“容器”对象之前和之后将其本身附加到正文。两者都不会产生预期的结果。

编辑 3：* IE7 和 IE9 的行为与上述不同。这是 IE 8 独有的 *

如果满足以下条件，设置zoom:1隐藏元素的内容：

1. 标记必须具有以下结构：

   /li>

2. 必须定义这些样式：

   /li>

3. 该类somethingSPECIAL应在页面加载后应用于上述标记的任何祖先（如单击按钮）。

4. 您被迫使用的浏览器在兼容性视图中必须是 IE8。

这是一个现场演示。

为什么会发生这种情况，我能做些什么来防止它发生？（我无法摆脱zoom: 1。我还必须设置父类，如演示中所示。）

我有一个带有标题文本的手风琴类型的东西。当它打开时，它有一个填充，当它关闭时，它有另一个。所有的面板都以它们的开放样式开始，然后通过 JS 将它们关闭。在Chrome和Safari中，标题文本没有应用封闭填充。

如果我在检查器中查看它，正确的（打开的）填充显示为正在应用，并且当单击检查器中的实际元素时，我可以看到填充应该在哪里。

我可以让它应用它或“绘制”它（如果这是正确的术语）的唯一方法是在该标题文本上或该面板内 切换（或添加）任何样式。

我还发现，当我通过检查器将填充添加为内联样式时，它也不会被应用并且切换不会改变它。

这似乎与 IE 的“hasLayout”问题非常相似，但我找不到任何引用类似错误的内容。有没有人对进一步测试或如何解决有任何想法？

我似乎无法在更简单的 jsfiddle 中复制这个问题，而且我正在从事的项目非常庞大，所以这里是给我带来问题的代码块：

CSS

HTML

当我遇到这个页面时，我一直在浏览指南针的在线参考：http: //compass-style.org/reference/compass/utilities/general/hacks/

在此页面上，似乎有 2 种方法可以为 IE 实现 has-layout hack。其中一个设置zoom: 1;其他设置display: inline-block;，然后将其重新设置回display: block;。

手册没有解释的是这两者之间的区别。

有什么区别吗？是否存在您更愿意使用其中一种的特殊情况？

我在我的网站上使用 IcoMoon 图标，虽然它们在所有现代浏览器中都能完美运行，但它们在Internet Explorer 7中根本不起作用，在Internet Explorer 8中显示为小框。除了字体的相对路径之外，CSS 如下来自 IcoMoon：

我正在使用 data-icon 属性（例如<li data-icon="&#xe003;"><a href等）在我的导航中显示图标。

问题可能是什么？

问题 我已经尝试了很多方法来让position: relative / absolute / fixedIE7 正常工作。我现在无法解决这个问题。

.levelTwo是具有的元素pos: ab并且.levelOne是具有的元素pos: rel。

因此，期望的结果将是任何 .levelTwo 元素高于/在任何其他元素之前。目前他们坐在后面.levelOne a

标记

CSS

期望的

破碎的

这是我的小提琴：http: //jsfiddle.net/hutber/2GvA4/

下图是我所面临问题的简化版本。两者都是手工编码的#custom。#ext-ct一个 ExtJS 组件被渲染为#ext-ct. 然后#custom切换播放其displayCSS 属性。在 IE7 中，显示#custom会导致组件粘在其初始位置，而隐藏#custom会导致组件向上移动。

我试图在 jsFiddle 中重现此错误，但未成功。我已经知道大名鼎鼎的“hasLayout”概念，所以我尝试过申请zoom:1，#custom然后我尝试了这个解决方案仍然没有成功。有没有人遇到过这种情况？是否有一个简单的修复方法来强制组件粘在它的容器上？

好吧，我很困惑。

IE9 在正在开发的网站的某些但不是所有页面上显示不一致的页面宽度问题。

在 IE9 中：转到http://sistercarmen.org/cms/，您可以看到与正确页面大致相似的内容。实际上页面有点太宽了，这肯定是个问题。但与“关于”页面或“历史”页面上发生的事情完全不同。

在这些页面上，页面确实变得非常宽。但是，如果您将鼠标悬停在右栏中的链接上（可能需要水平滚动才能看到一个），页面会恢复到正确的大小。

构建一个简化的测试页面@ jsFiddle，我可以确认这似乎与display: table但这对我很重要，因此我可以稍后在源代码中提供导航。一个更简单的测试页面显示display:table通常适用于 IE9。

所以......这是一个hasLayout问题，如果是这样，我如何在IE9中强制hasLayout？

非常感谢，

杰里米

我为客户开发 IE8。经常发生 css 设置不起作用（例如自动换行），当我调查一个常见原因时，没有为标签设置 hasLayout = true (resp. zoom=1) 属性。我想如果我只是提前设置我的默认样式表 zoom=1 就不会再出现这个问题了？有什么反对它的吗？当所有标签都默认设置了 zoom=1 属性时，是否存在某些其他潜在问题？我将不胜感激。

HTML：

CSS：

Javascript

jsbin jsfiddle

因为不透明度不起作用，我应该在控制台中得到“假”（对于 IE7 和 8），但结果是“真”

元素是否真的“hasLayout”但不透明度由于其他原因不起作用？

虽然我对此表示怀疑，因为即使是 jQuery 也无法设置不透明度。