Question

下面的代码显示的是image1中的图像，它的边上似乎有一个小边框，而不是在页面的最左边和顶部。谁能帮帮我怎么办？提前谢谢。

<html>
<head>
<style>
body {
    background-image: url('images/main.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-style: none;
}
.container {
    width: 100%;
    height: 100%;
}
.image1 {
    background-image: url('images/freero1.png');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
</style>
</head>
<body>
<div class="container">
<div class="image1">

</div>
</div>
</body>
</html>

Answer 1

您可以使用这个小CSS代码，这将删除页面中所有元素（包括正文）的默认浏览器边距：

*{
    margin:0;
}

您可以详细了解星号选择器here。

在另一个div里面全屏强制div

1 个答案: