仅使用CSS定位标题项

Question

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

http://antidotemarketing.com/youthlife/

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

这必须仅使用CSS。

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

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

谢谢大家：）

Answer 1

好的，我想我终于明白了你的意思。尝试添加以下样式：

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