css - 仅使用 CSS 定位标题项

Question

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

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

这必须仅使用 CSS 来完成。

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

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

感谢大家：）

score 1 · Accepted Answer

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

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

1 回答 1