看来我正在处理的设计有问题。我正在使用 kickstart HTML 框架，但有几个问题。
首先是我的页面顶部（徽标，导航栏）和文本之间有一个非常大的白色间隙。
其次，我尝试使用 z-index 将徽标覆盖在导航栏上。但是，它会导致负水平滚动。我试图通过隐藏 overflow-x 来隐藏它，但它似乎并不是最好的解决方案。
您可以在http://jkr.me.uk/problem.html查看问题
谢谢，
约翰
问问题
105 次
2 回答
1
在徽标上使用 position: relative 会占用您要引用的空间。
相反，使用 float:right 或使用 position: absolute; 定位它。
于 2012-12-03T17:38:17.543 回答
0
白色间隙的问题是图像。如果禁用该position:relative属性，图像底部将接触第一个标题标签的上边距。对此的肮脏修复将类似于margin-top: -200px第一个标题或margin-bottom: -200px徽标图像。您也可以使用上一个回答者的方法。
至于覆盖导航栏的徽标图像，它在 Chrome 和 IE 9 中都适用。
于 2012-12-03T18:11:55.883 回答