Question

我有一个图片标题，我希望它遍历整个页面顶部。问题是在图像和屏幕的顶部/侧面周围创建了自动空间。我怎么能摆脱这个？我有一种感觉，我错过了一些非常简单的东西。

我想要的一个例子是Twitter上的标题。

HTML：

<body>
<img id="topbar-img" src="img/topbar.jpg" />
<div id="topbar">asdf</div>
<!-- jq() loads jquery if it cant connect to online version. -->
<script type="text/javascript">
jq();
</script>
</body>

CSS：

body
{
background-image:url('../img/bg.jpg');
}

div#topbar
{
}

img#topbar-img
{
width:100%;
z-index:-1;
position:absolute;
display:block;
}

Answer 1

将body元素的填充和边距设置为0.

Answer 2

只需使用：

body { 
    margin:0;
    padding:0;
}

如何摆脱标题图像周围的自动空间

2 个答案: