问题标签 [positioning]

我希望我是一个 CSS 聪明人....

如何在网页的左下角放置一个 div 容器；考虑到用户的滚动位置？

我正在尝试使用 HTML 和 CSS 创建一个水平的 100% 堆叠条形图。我想DIVs根据我想要绘制的值使用背景颜色和百分比宽度来创建条形图。我还想要一条网格线来标记图表上的任意位置。

在我的实验中，我已经通过分配 CSS 属性让条形图水平堆叠float: left。但是，我想避免这种情况，因为它似乎确实以令人困惑的方式混淆了布局。此外，当条形图浮动时，网格线似乎效果不佳。

我认为CSS定位应该能够处理这个问题，但我还不知道该怎么做。我希望能够指定几个元素相对于其容器左上角的位置。我经常遇到这类问题（甚至在这个特定的图形项目之外），所以我想要一种方法：

1. 跨浏览器（理想情况下没有太多浏览器黑客）
2. 以 Quirks 模式运行
3. 尽可能清晰/干净，以方便定制
4. 如果可能，不使用 JavaScript 完成。

这是一个困扰我一年的问题。根本问题是如何设置元素相对于其父元素的大小，以便它从每个边缘插入 N 个像素？设置宽度会很好，但您不知道父级的宽度，并且您希望元素随窗口调整大小。（您不想使用百分比，因为您需要特定数量的像素。）

编辑我还需要防止内容（或缺少内容）拉伸或收缩两个元素。我得到的第一个答案是在父级上使用填充，这会很好用。我希望父级的宽度正好为 25%，并且与浏览器客户区的高度完全相同，而子级不能推动它并获得滚动条。/编辑

我尝试使用 {top:Npx;left:Npx;bottom:Npx;right:Npx;} 解决这个问题，但它只适用于某些浏览器。

我可能会用 jquery 编写一些 javascript 来修复每个页面调整大小的所有元素，但我对那个解决方案并不满意。（如果我想要顶部偏移 10px 但底部只有 5px 怎么办？它变得复杂了。）

我想知道的是如何以跨浏览器的方式解决这个问题，或者是一些允许简单 CSS 解决方案的浏览器列表。也许有人有一个技巧可以让这件事变得简单。

我最喜欢的仅使用 CSS 使 xhtml 元素居中的方程式如下：

在支持它的浏览器中还有更简单的 margin:auto 方法。是否有其他人有巧妙的方法来强制内容在其容器中居中显示？（垂直居中的奖励积分）

编辑 - 哎呀，忘记了左侧边距中的“负”部分。固定的。

我正在使用divs 布局的网站上工作。我特别遇到了一个问题：培训照片div。

如果您访问http://php.wmsgroup.com/eofd6.org/education.html，您会在左侧导航下方看到一张已下拉的照片。我希望它直接在那个导航框下方。我已经尝试了几种不同的定位以及主要内容div的定位，但我无法正确定位。

任何帮助，将不胜感激。样式表的链接是http://php.wmsgroup.com/eofd6.org/in.css

谢谢！

现在

有边距：0；所以它位于div的顶部。div 的高度为 300px。

但是，我希望将表格放置在 div 的底部，例如。valign="bottom" 但对于整个表格。

我希望 div#one 在父 div 的左边缘和提交按钮的左边缘之间的空间中居中。

我对 jQuery 比较陌生，但到目前为止我所看到的都是我喜欢的。我想要的是让 div （或任何元素）位于页面顶部，就好像“位置：固定”在每个浏览器中都有效一样。

我不想要复杂的东西。我不想要巨大的 CSS hacks。如果只使用 jQuery（版本 1.2.6）就足够了，我会更喜欢，但如果我需要 jQuery-UI-core，那也可以。

我试过 $("#topBar").scrollFollow(); <-- 但这很慢...我希望某些东西看起来很固定。

我有一个表格单元格，我希望其中的 div 始终位于左下角。以下在 IE 和 Safari 中运行良好，但 Firefox 将div绝对定位在页面上，而不是在单元格内（基于解决方案解决方案的代码here）。我已经测试了使用和不使用 DTD，它将 Firefox 置于 Quirks 模式和标准模式，但都不能正常工作。我被困住了——有什么想法吗？

它必须很简单，这是我的 CSS：

我根据用户操作切换面板显示。

在 FireFox 中运行良好，但在 Safari 中显示在页面顶部。

ps“垂直对齐：中间；” 也不行。

pps设置“位置：相对；” 面板上不起作用，设置“位置：相对；” 在面板上和“位置：绝对；” 在图像上打破它在 FF 并且在 Safari 中什么也不做

这有效：