问题标签 [css-position]

我正在尝试在InkCanvas. 我正在使用以下方法。不幸的是，当我添加矩形时，它会显示在(0,0). 虽然当我查询左侧属性是否为0非零值时。有谁知道这可能是为什么？

干杯，

尼禄

看看http://www.barelyfitz.com/screencast/html-training/css/positioning/第6项。它说：

对于大多数设计来说，这不是一个可行的解决方案，因为我们通常不知道元素中有多少文本，或者将使用的确切字体大小。

我需要使用什么解决方法才能将动态文本插入到具有绝对位置的 div 中？

欢迎任何方法

问候，

大家好，我有一个绝对定位的图像，它在 Firefox 上运行完美，但在 safari 上完全不同的位置，有没有其他方法可以在不使用绝对定位的情况下将它定位在我想要的位置（在另一个图像之上）。我已经尝试过边距和填充，但不起作用

我想获得一些关于使用填充和边距进行页面布局与绝对定位的反馈。我意识到存在并且将会出现其中一个或两个都是首选的场景，这将取决于场景。

但是我得到的是像素完美设计的整体页面布局，一般的经验法则是什么？我在 HTML 和 CSS 方面已经有一年多的时间了，而且我来自平面设计背景，所以我的大部分思路主要集中在首先从布局的角度进行设计。到目前为止，在我的网页设计中，我已经使用经验法则在布局页面时使用带有浮动、填充和边距的适当标题的 div，并且如果某些东西需要绝对定位（例如要卡在屏幕边缘的元素或一个div）在必要时使用它。

但是最近我真的开始重新思考我的页面布局方法，并想知道从使用绝对定位作为一般经验法则是否是一个更好的主意？

有人可以指出一些关于这个主题的好文章或资源，我也很想听听每个人的个人反馈。

我在 IE8 中遇到了一个令人沮丧但看似随机的渲染错误。我在页面上有一些绝对定位的元素（相对于页面主体定位），它们的显示由 jQuery 切换。

10 次中有 8 次元素被正确渲染，但有时不遵守定位，它们只是简单地放置在浏览器窗口的左上角（实际上绝对定位在顶部 0，左侧 0）。

如果我查看 IE 开发人员工具栏中的元素属性，我可以看到设置了正确的 css 属性——它们只是没有被应用。如果我调整浏览器窗口的大小，那么元素将跳转到正确的位置——所以它看起来确实像一个真正的渲染错误。

我在页面上设置了正确的 DOCTYPE，所以浏览器不处于怪癖模式。

有什么想法可以解决这个问题，或者其他人有过类似的经历吗？

任何人都可以想到一种非Javascript的方式来执行以下操作：

• 屏幕上某处有一个 DIV 元素。它的位置无法预测。
• 它具有固定的宽度，并且应该与文档中的所有其他内容重叠，即。它的“位置”设置为“绝对”。
• 这就是问题所在：我希望将 DIV 的底部边缘粘在Viewport的底部。我尝试给元素“底部：0px”，但在没有“高度”设置的情况下，整个 DIV 向下移动到底角，这不是我想要的。我希望它从文档中的随机位置延伸到视口的底部边缘。

如果不使用 JavaScript，我看不到解决方案，但也许有人有一个绝妙的主意。

我有：

它在 Firefox 和 safari 中符合我的喜好。主要浮动在另一个元素上，但要抵消它。我知道我可以使用margin-top:50px浮点数，但无论出于何种原因，top 对我来说更具语义意义。

我有以下列表项，我想将“编辑设置”按钮附加到：

我使用 jQuery 将跨度附加到列表项：

列表项是静态定位的，当我输出页面并在列表项中手动包含跨度时，它是正确定位的。但是当我用 jQuery 添加它时，它会显示在页面的右上角，在列表项之外。

我显然在这里遗漏了一些东西，所以如果有人有想法，那将不胜感激。

谢谢，

克里斯汉普顿

网络协调员

科罗拉多州立大学

编辑：

我认为这会做到（而且仍然可能），但我仍然遇到问题。我采用了“组合内部 html”路线，当我将列表项的 html 写入控制台时，它看起来是正确的（它与页面加载时从我的服务器代码输出的内容匹配）：

这是项目的 CSS

.draggableBucketItem 类有 position: static; 应用于它。

我想将一个元素放置在相对于它之前的元素的普通 css 中，然后一旦它被最初定位，它的位置就独立于它之前的元素。

例如，当您单击侧边栏中的“小部件”时，它会折叠，并且其下方的所有“小部件”都会向上移动。我不想让他们动。谢谢。

这是我在这里的第一个问题，但我相信还有更多问题要问。我有一个小位置问题，我想知道它是否有可能实现。

<ul>我有一个带有浮动<li>s的无序列表（现在我<span>在每个里面都有一个<li>显示在水平列表下的列表，该列表用于菜单。这些<span>s 用作菜单选择的描述，对于我使用的正常选项，我position:absolute; top:30px; left:0;怀疑它是有效的。现在我想更改那些我浮动的菜单项的位置属性，以便跨度得到position:absolute; top:30px; right:0;，这根本不起作用。似乎不可能用更具体的 css 规则来改变它，但浮动效果很好。

的HTML：

的CSS：

css 中的最后一行没有区别！如果有人有答案或解决方法，我非常感谢您的帮助。

问题得到解答，问题得到解决。检查 James Arons 或墨卡托的帖子。