Css 位置：绝对，不设置上/左/下/右？ 案例1：

我想在默认WordPress主题（）的标题中的照片上方放置一个徽标

我的解决方案是：在照片前添加徽标，并在其上设置

位置：绝对

，而不设置任何

上/左/下/右

属性：

Html:

案例2： 另一个例子是一个100%宽的水平多级菜单，其布局带有

显示：table-*

，但

表格单元格

不支持

位置：相对

，因此我唯一的解决方案是：

它适用于IE6-7、Firefox1.5，而不适用于Firefox0.8等

---

您认为这是一个很好的解决方案，还是一个非标准的黑客程序，随时可能崩溃？

好的，您应该注意分级css规则，因为如果您不指定top、left和其他属性，它们是从父元素继承的，或者是在浏览器的css中默认设置的。依我看，最好用你的值初始化元素。

标准通常说，如果上/下、左/右是自动的，那么将它们默认为它们的

位置：静态
值：


在这种情况下，我会将
top/left/etc
设置为
auto！重要信息
如有必要。嗯，但它的目标是什么？仍然不知道您想要做什么。在水平菜单示例中，我只是找不到任何其他解决方案，除了此黑客可以正确定位子菜单，但我不知道它有多安全。我知道这是一个古老的答案，但仅供参考：1）顶部/右侧/底部/左侧不是从父级继承的2）AFAIK没有任何用户代理对这些道具也有默认值->应该安全地将它们保留下来谢谢你的摆弄！我试图将此解决方案与父菜单上设置的
行高
结合使用，这将子菜单推得太远。减去
行高
并添加
填充
有帮助，耶！CSS3的更新文档：
<a id="header">
  <img id="logo"> 
  <img id="photo">
</a>

#logo {
  position: absolute;
  margin: 10px;
  /* or padding: 10px; */
  /* or border: 10px solid transparent;
     only this works with my elderly iPhone Simulator.app */
}