问题标签 [positioning]

我知道，一个模糊的标题，但很难用一句话来描述我想要什么。

我的问题如下，我有一个模板，其中有几个由 jQuery 激活的下拉菜单。下拉列表显示为一级列表中的二级导航项，如下所示：

子菜单默认是隐藏的，可以通过单击它所属的列表项来显示（在本例中为“工具”）。子菜单是绝对定位的，因此当它显示时，它总是位于单击的链接下方。这一切都很好。

问题是所有这些都包含在一个具有溢出：隐藏的 div 中。当子菜单太靠近这个 div 的右侧，并且列表项太长时，列表会落在包装器的右边框下，使其部分不可见。Overflow: auto 给包装器一个滚动条，这是不需要的。Overflow: visible 解决了这个问题，但是使包装器没有高度，因此背景颜色和边框不可见，这是它的功能的一部分，所以这也无济于事。

为了不必引用一大堆代码，可以在http://www.pkr.nl/template/forumdisplay.html

有谁知道一种解决方案，可以使菜单显示在包装器之外，或者使它们以一种体面的方式与其对齐？

我设置的当前代码有点困难。我正在建立一个包含各种项目的页面。当一个被点击时，想法是会有一个带有全尺寸图像的弹出窗口。有些项目有多个图像，所以我还添加了幻灯片放映属性。我通过让 jquery 确定 img 宽度和高度来调整弹出窗口的大小，以便每个窗口都具有基于第一张图像的唯一大小。当我单独设置这两个脚本时，它们工作正常，但现在我将它们一起实现，img 的大小没有被读取。另一个问题是，由于幻灯片处理的是图像列表，所以它隐藏了除第一个之外的所有图像……然而，这个过滤器也隐藏了其他项目中的所有其他图像。

我还想将打开的弹出窗口水平居中放置，距离顶部 10%……我在那里有容器窗口的代码，但由于某种原因我似乎无法让它工作，因为它给了我一个奇怪的位置所以我只是把它从左边设置为 10% 和 25% ......

这是我用于没有幻灯片放映的弹出窗口的代码：

这是我用于带有幻灯片放映的弹出窗口的代码：

这是我正在使用的 Jquery：

问题可以在这里看到：http: //www.samuelfarfsing.com/test.php

工作幻灯片在这里： http: //www.samuelfarfsing.com/slides.php

任何帮助深表感谢！

我正在使用 Visual Studio 2008 开发一个 aspx 页面，其中我有一张我的国家地图的 png 图像和许多其他 png 图像，我国家的每个州都有一张。我正在尝试使用相对定位将这些其他图像（小点）放置在地图图像上。但是我在设计时将控件放置在我想要的位置（在菜单格式 -> 位置...下），当我在任何浏览器中打开页面时，这些控件的位置完全不同。

为了说明我要解释的内容，我将包含 2 张图片，其中一张是我在设计时的页面，另一张是在 IE 中打开的：

（操作！当我发布问题时，我发现新用户无法发布图像标签，所以我会尝试只发布链接，对不起）

在 VS 的设计时

在 IE 运行时

有谁知道为什么会发生这种情况以及如何修复/处理它？

提前非常感谢。

问候，R。

我想相对于浏览器窗口的视口定位一个 div。目前，我有一些带有一些 jquery 的弹出窗口，它们根据窗口大小动态定位，但是由于它们是绝对定位的，它们基于页面顶部，所以当你向下滚动时，点击下方的项目页面，弹出窗口位于页面顶部，在视口之外......</p>

这可以在这里看到，特别是如果您单击“Redcat”项目。 http://www.samuelfarfsing.com/test.php

有没有办法将这些 div 相对于视口的当前位置定位？

html:

查询：

我需要#infoBardiv 和#actualCoverdiv 坐在 div 的右侧（旁边）#covers，但由于某种原因，cover div 的行为就像它甚至不存在并且漂浮在其他 div 之上。

嘿。我有一个我绝对定位的图像。在 Firefox 中它是它应该在的地方，在 Safari 中它是一团糟。发生了什么，什么是知道它所在位置的可靠方法。

我喜欢这样做，如 indesign 或 quark... 段落缩进... for picure

如何在 html 和 css 中做到这一点的正确方法

我不希望文字围绕图像...我喜欢保护整个左侧部分，将边距放在图片上就可以了...但是对于 10-20-30 像素（固定数量（坏））

我尝试过负面定位.. 没有运气！

这是一个解释的小图像！

替代文字 http://produits-lemieux.com/indent.jpg

我有一个问题在我看过的各种 CSS 布局模型中没有找到，所以我想我会在这里发布。

我正在一个使用基本流体/固定两列布局的站点上工作。该站点的内容在左侧 div 中，在右侧的侧边栏中。侧边栏固定宽度为 200 像素左右，内容扩展填充父级的剩余宽度。

代码如下所示：

这是一种非常标准的方法，并且在大多数情况下都可以正常工作，但问题是网站的设计要求侧边栏仅在某些情况下出现。所有的 HTML 都是通过 PHP 生成的，“get-content()”函数不知道“get-sidebar()”函数是否会被调用。

当侧边栏被调用时，我希望内容展开以填充父 div，同时为侧边栏留出足够的空间。如果没有侧边栏，则内容应展开以填充父级的整个宽度。

有没有办法用 CSS 做到这一点——也许使用“自动”作为内容边距——而不依赖于 PHP/JavaScript？

我有一个 div，需要将图像粘贴到右下角。这很容易通过以下方式完成：

但是，div 的高度会随着一系列嵌套列表的片段在悬停事件中显示和隐藏而动态变化。当 div 的高度发生变化时，图像将保持在页面加载时放置的位置。当图像上下移动时，如何让图像随着 div 的底部移动？

我有一个父 div，在父 div 中有两个子 div（一个向左浮动，一个向右浮动）。

网页必须在 1024 像素和 1620 像素的定义上都可以工作，因此如果宽度扩大，它们需要是流畅的。除了左右 div 之间的垂直空间外，所有边距看起来都很好。我正在使用 jquery 来保持两个 div 的高度相等。如何保持 div 之间的空间固定？我正在使用 div 宽度的百分比，因此当我扩展屏幕宽度时，div 之间的空间会增加，因此比左右边距要宽得多。

标记：

和CSS：