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

时间:2014-06-21 13:29:15

标签: html css

下面的代码显示的是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>

1 个答案:

答案 0 :(得分:2)

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

*{
    margin:0;
}

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