仅使用 CSS 定位标题项

Question

有人要求我更改此慈善网站的布局：

http://antidotemarketing.com/youthlife/

我需要将导航放在顶部，然后是徽标，然后是包含滑块和主要内容的白框。

这必须仅使用 CSS 来完成。

到目前为止，我很难在 Chrome 和 FF 中获得相同的结果...我什至还没有检查过 IE。我将如何将徽标定位在导航和主要内容框的中间，并有足够的间距（比如顶部和底部 20 像素）

还有一个问题：我无法绝对定位徽标，因为当人们登录 wordpress 时，wordpress 注入顶部的标题会弄乱所有内容的间距。

谢谢大家:)

Answer 1

好吧，我想我终于明白你在追求什么了。尝试添加以下样式：

#logo {
  position: absolute;
  top: 80px;
  z-index: 100;
}
#login #logo {
  position: relative;
}
#page {
  margin-top: 45px;
}