问题标签 [css-position]

我正在编码这个网页。http://www.nomizine.com/misc/tbs/default.html

除了 IE7，它在任何地方都能很好地呈现。当我调整浏览器窗口的大小时，顶部导航，左侧的指南针和右侧的订阅块消失。

知道如何解决吗？顺便说一句，我已经尝试过 HasLayout 技巧，例如 zoom:1、clear:both 等，但似乎没有任何效果。

我想将我的 jQuery 对话框定位在远离浏览器右边框的 x 像素处。这有可能吗？

http://jqueryui.com/demos/dialog/

位置选项似乎没有那种设置，但是还有其他方法吗？

我有以下代码：

除非我删除 display: inline-block 属性，否则第二个 div 不会位于 32 x 位置，这是我需要的。有没有解决的办法？

编辑：如果我删除 display: inline-block 似乎可以工作，但是滚动条将水平显示（因为 div 占用了一些不可见的空间）。

我有一个基本布局，其中 body div 设置为特定宽度。并且左右边距设置为自动。导致 div 居中。

现在，当涉及到在这个 div 中定位所有子元素时，最好使用绝对定位还是固定坐标？这些子元素基本上是文本列、一些图像和一些标题。我发现将它们全部浮动到左侧会使它们彼此堆叠。这基本上是我想要的。但是指定坐标会更好吗？你看，我在 IE 中遇到了一个小的常见边距错误。而且我知道绝对定位可以解决它。但这会是一个肮脏的修复吗？

我的意思是，布局本身在某种意义上是流动的。但是body div有它的宽度。所以无论分辨率如何，子元素都不会移动。

我有以下代码：

div1 覆盖 div2。我需要处理onmouseoverdiv2。我假设 div1 处理onmouseover事件并将其推迟到正文（因为正文是父元素）。我无法将 div1 更改为 div2 的“孩子”。有任何想法吗？

编辑： div1 是半透明的，必须始终可见，并且 div2 由颜色填充（不透明）。div2 也始终可见，因为 div1 是半透明的。我不能在 div2 中有 div1。

我试图让一个 div 扩展到 100% 高度，滚动条的底部仍然可见，同时也包含一个固定高度的 div。有人可以帮我吗:)

使用波纹管布局时，.div2 底部的垂直滚动条会从视点高度下降，我猜是因为 .div1 高 200px，推动 div1 为 100% 高度 + 200px。

有没有办法让 .div1 固定高度，而 .div2 扩展以填充剩余的窗口高度并在达到该高度时溢出。

这是CSS

这是HTML。

非常感激。谢谢

我有 3 个级别div：

• （下方绿色）div带有的顶层overflow: hidden。这是因为如果超出框的大小，我希望该框内的某些内容（此处未显示）被裁剪。
• （下面的红色）在这个里面，我div有position: relative. 唯一的用途是用于下一个级别。
• （在下面的蓝色中）最后，div我从流程中取出，position: absolute但我希望相对于红色div（而不是页面）定位。

我希望将蓝色框从流程中取出并扩展到绿色框之外，但相对于红色框定位，如下所示：

但是，使用下面的代码，我得到：

并移除position: relative红色框上的，现在蓝色框可以离开绿色框，但不再相对于红色框定位：

有没有办法：

• 保持overflow: hidden在绿色框上。
• 蓝框是否扩展超出绿框并相对于红框定位？

完整来源：

我正在尝试创建一个类似这样的布局（你需要发挥你的想象力）：

A 是一段文本，B 是一段文本，我想将其左边缘与自身对齐。

更复杂的是，B 默认是隐藏的，在设置页面流时不应该考虑，而是应该在 A 将鼠标悬停在它出现的任何地方时出现。因此：

在 A1 的鼠标悬停时变为：

每个 AB 行都包含在具有固定宽度的 div 中。我事先不知道 A 的大小，所以我希望 B 简单地占用 div 中剩余的空间。

在 Firefox 上，我只是让 B 有一个绝对位置，一切都很好，完全符合我的预期。

但是，在 IE8 上，B 的宽度等于包含固定宽度的 div，由于 B 已经被 A 的宽度偏移，导致 div 被溢出文本溢出。我可以将 div 设置为溢出:hidden，但这只是简单地切断了文本。将 B 设置为具有 width:auto 似乎没有做任何事情。

我只是搞砸了，还是我可以采取一种适用于所有现代浏览器的方法？

我有一个页眉、主体和页脚。标题和主体的样式正确。现在对于页脚，我想让它出现在主体后面，所以我使用了：

这给出了预期的结果，但我在底部得到了 60px 的额外空间。

如何清除这个额外的空间？

我试图用一些绝对位于主 div 宽度之外的设计元素来“侧翼”一个居中的 div。由于右侧的元素，而不是左侧的元素（IE6/7/8、Chrome、Firefox），我得到了一个滚动条。我怎样才能摆脱那个水平滚动条？