•  12-09-2019
  •  | 
  •  

题

我有以下图像被放置在页面的顶部。

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

问题是有填充的比特，其出现于左，上，右，和图像的底部。我不希望这样的填充那里。换句话说，我希望图像顶部与页面的左侧和顶部齐平，并为它在整个页面的宽度加宽。我怎么可以用风格实现这一目标？

有帮助吗？

解决方案

某些浏览器的默认的样式给身体元件的填充物，和一些给它的余量。你需要为了去除无论是对图像是反对在所有浏览器的视口齐平。

    body { margin: 0; border: 0 }

其他提示

您需要使用CSS规则重置重置浏览器样式，然后从那里建立。我使用 http://meyerweb.com/eric/thoughts/2007 / 05/01 /复位重新加载/ 

<img style="display: block; padding: 0; margin: 0;" ... />

然而，如果它的图像，其基本上somesort（即不是“内容”或链接到另一页面）我宁愿用它作为父元素的背景图像的一个decoratin。

例如

    ＃伪图像{高度：100像素;宽度：200像素;背景：透明URL（路径/到/图像）滚动不重复左上角;}      

当然做这种方式您被限制为在其实际尺寸显示图像，你必须在div设置为那些相同的尺寸或更大。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top