位置：绝对没有设定上/左/下/右？位置：绝对没有设定上/左/下/右？(position: absol

情况1：

我想提出一个标志默认WordPress主题在头上面的照片（ http://twentyelevendemo.wordpress.com/ ）

我的解决办法：在拍照前加贴标识，并设置position: absolute就可以了， 没有设置任何的top/left/bottom/right属性：

http://jsfiddle.net/TsAJp/

HTML：

<a id="header">
  <img id="logo"> 
  <img id="photo">
</a>

CSS：

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

案例2：

另一个例子是水平多级菜单这是100％宽，并与布置display: table-* ，但table-cell s切勿支持position: relative ，所以我的唯一的解决办法是这样的： HTTP：//的jsfiddle。净/ pCe49 /

它适用于IE6-7，的firefox1.5，不工作的Firefox 0.8，等等。

你是否认为这是一个很好的解决方案，或者是一个非标准件劈的，它可以土崩瓦解任何一分钟？

Answer 1:

标准一般说，如果上/下，左/右有汽车，然后将它们为默认的position: static值：

http://www.w3.org/TR/CSS2/visudet.html#abs-non-replaced-width

http://www.w3.org/TR/CSS2/visudet.html#abs-non-replaced-height

Answer 2:

据我所知，你要的分层CSS规则的关注，怎么一回事，因为如果你不指定顶部，左侧和其他属性，它们是从父元素继承，或者通过在浏览器的CSS默认设置。 恕我直言，这是更好地初始化你的价值元素。

文章来源: position: absolute without setting top/left/bottom/right?