情况1：

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

我的解决方案：在照片前添加徽标，然后position: absolute在其上 进行 设置， 而无需
设置任何top/left/bottom/right属性：

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不支持position: relative

它适用于IE6-7，Firefox1.5，不适用于Firefox 0.8等。

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