Question

我必须将天气小部件添加到一个网站，其标记是一个混乱（它是使用网站复印机从wordpress网站转换而来）。我无法将它添加到当前结构中，因为它会抛弃所有内容，所以我想将它放在文档的顶部并使用绝对定位来处理它。这在一定程度上起作用，但它不同于不同的分辨率，浏览器等。如果我尝试相对定位它会推下文档的其余部分。有关解决这个问题的研究方法的任何提示都不足以阅读css规范吗？

更新

我能够通过将你们所提供的信息与“％”相结合来找出解决方案。我使用绝对定位并设置位置：绝对;右：28％。

感谢大家抽出时间快速回答。

Answer 1

我不同意Joseph和Kasturi。

您想要position:absolute

div#weather-widget{
  position:absolute;
  top:0px;
  right:0px;
  height:100px;
  width:150px;
}

设置height，width，font-size，line-height等可能有助于解决您的浏览器不一致问题。另外，请查看CSS重置模板。

除此之外，你真的需要发布一些代码以获得更明确的帮助。

参考：

Learn CSS Positioning in Ten Steps

Answer 2

这肯定需要一个定位属性，我建议fixed。把它“流出”的唯一另一种选择是漂浮它，但这可能会变得混乱。

所以不用多说：

{
    position:fixed;
    top:0px;
    right:0px; /* or whatever */
}

这就是我无论如何都要做的事情：P

Answer 3

Position: fixed正是您要找的......它不会打扰文档的其余部分......您可能需要z-index将其弹出前面....

css - 添加和定位div而不会干扰文档的其余部分

3 个答案: