0

我将以下图像放置在页面顶部。

<body>
    <form id="form1" runat="server" >
    <div>
        <div>
            <img src="Images/top.png" width="100%" height="115px" alt="top.png" />
        </div>
    </div>
    </form>
</body>

问题是图像的左侧、顶部、右侧和底部出现了一些填充。我不想要那里的填充物。换句话说，我希望图像顶部与页面的左侧和顶部齐平，并使其延伸到页面的宽度。我怎样才能用一种风格来实现这一点？

4

3 回答 3

4

您需要使用 CSS 重置规则来重置浏览器样式，然后从那里构建。我使用http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

于 2009-12-03T20:55:59.170 回答
1

一些浏览器的默认样式给 body 元素一个填充，有的给它一个边距。您需要将两者都删除，以使图像在所有浏览器中与视口齐平。

    body { margin: 0; border: 0 }
于 2009-12-03T20:58:57.963 回答
0 
<img style="display: block; padding: 0; margin: 0;" ... />

但是，如果它的图像本质上是某种装饰（即不是“内容”或链接到另一个页面），我更喜欢将其用作父元素中的背景图像。

例如

#pseudo-image {高度：100px; 宽度：200px；背景：透明网址（路径/到/图像）滚动不重复左上角；}

当然，这样做只能以实际大小显示图像，并且必须将 div 设置为相同的尺寸或更大。

于 2009-12-03T20:56:50.683 回答