重复标题图像CSS

-1

我有一个重复标题图像出现在页面顶部。问题是它留下了一些左右的空白区域。我怎样才能使图像显示在页面的整个宽度？这是我所做的。重复标题图像CSS

 <!DOCTYPE html> 

     <style> 
     .bgimg{ 
     min-height: 44px; 
     background: url("img/top-bar.png") repeat top left; 
     } 
     </style> 

     <html> 
     <head lang="en"> 
     <meta charset="UTF-8"> 
     <title></title> 
     </head> 

     <body> 
     <header> 
      <div class="bgimg"> 
     </div> 
     </header> 
     </body> 
     </html>

来源

2015-02-23 Hash DK

请提供一个在线示例来演示该问题的实际应用。我无法使用当前给定的代码重现问题。 – 2015-02-23 09:00:47

您可能需要重置css工作表。默认情况下，浏览器为某些元素提供了填充和边距（以及其他）值。无论如何尝试身体{保证金：0; padding：0;} – 2015-02-23 09:01:03

每个浏览器都有一些预定义的元素样式，body通常有边距，所以试试'body {margin：0;}' – skobaljic 2015-02-23 09:01:03

我想你会看到你的身体标记的边距，删除boby标记的边距。

<!DOCTYPE html> 

    <style> 
    .bgimg{ 
    min-height: 70px; 
    background: url("http://icons.iconarchive.com/icons/mazenl77/I-like-buttons-3a/128/Cute-Ball-Go-icon.png") ; 
    } 
    </style> 

    <html> 
    <head lang="en"> 
    <meta charset="UTF-8"> 
    <title></title> 
    </head> 

    <body style="margin:0px"> 
    <header> 
     <div class="bgimg"> 
    </div> 
    </header> 
    </body> 
    </html>

来源

2015-02-23 09:02:22 Oziris

太棒了！有用。像skobaljic说，压倒一切的身体边缘做了伎俩。谢谢。 – 2015-02-23 09:04:06

每一个浏览器在默认情况下拥有的所有元素自身的CSS规则，使非风格的网站更清晰，这就是为什么你看到的，即使你没有设置规则的余量。

通常使用重置的CSS，所以你不必带着这个问题。

这是 explains the use of a reset css的文章。

这是我使用的common reset css from html5 doctor。

来源

2015-02-23 09:11:35 armellini13

重复标题图像CSS

回答

相关问题