2016-07-31 108 views
-2

我有一个div元素width:90%;margin: 80px auto;。该html有一个固定的背景图像。当我添加一个链接到引导程序时,div的左右边距用白色填充。如何解决这个问题呢?Div保证金问题

<div class="header-container"> 
    <div class="logo"> 
     <header> 
      <h5>royal apartments for you</h5> 
       <ul id="menu"> 
        <li><a href="index.html">Main</a></li> 
        <li><a href="#">Apartments</a></li> 
        <li><a href="#">Services</a></li> 
        <li><a href="#">Blog</a></li> 
        <li><a href="#">Contacts</a></li> 
       </ul> 
     </header> 
    </div> 
    <div class="slider"> 

    </div> 
</div> 

CSS:

html { 
    background: url(images/146987895643799.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

.header-container{ 
    width: 92%; 
    margin: 80px auto 0 auto; 
} 

.logo{ 
    background-color: #9fcb00; 
    height: 350px; 
} 

我已将此添加到HTML: <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

+0

这有点难以给你任何建议没有一点信息。什么链接到自举?什么是基本的容器层次结构?应该发生什么? –

回答

1

使用元素督察浏览器的开发者工具。看看你得到不想要的样式的元素(即白色背景)。找出它们来自哪里。然后删除它们或覆盖它们。

Bootstrap将身体的背景颜色设置为白色。这涵盖了HTML元素的背景。为身体写一个不同的风格来改变它。