2014-06-21 75 views
-1

下面的代碼顯示了image1中的一張圖片,它看上去有一個小邊框,而不是在頁面的最左邊和最頂部。任何人都可以幫我解決問題嗎?提前致謝。在另一個div內的全屏幕中強制div div

<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> 
+2

你試過了嗎?* {margin:0;}'? –

+0

omg它像一個魅力 – CudoX

+0

我會發表我的評論作爲答案,所以你可以選擇它是正確的,其他人會更容易找到它。 –

回答

2

你可以使用這個小CSS代碼,這將刪除所有元素的默認瀏覽器保證金頁面(包括人體):

*{ 
    margin:0; 
} 

您可以瞭解更多的星號選擇here