2014-05-20 79 views
0

我试图构建我的单页设计,但每当我尝试更改div的颜色时,它只会导致一个小框。Bootstrap模板,css背景颜色没有覆盖div

HTML:

<div class="sec1 clearfix"> 
    <div class="row"> 
     <h2 class="push_3">About Us</h2> 
     <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> 
     <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p> 
    </div> 
</div> 

CSS:

.sec1 { 
    height: 200px; 
    background-color: red; 
    width: 100%; 
    background-repeat: repeat; 
    display: block; 
} 

所有即时得到http://imgur.com/BADowGl

+0

你的代码的确定。您是否在控制台中收到关于包含的css文件的错误? –

+0

您的代码在JSFiddle中工作 –

+0

这是因为您设置了高度 - 请尝试使用最小高度代替 – Pete

回答

0
.sec1 { 
height: 200px; 
background-color: red; 
width: auto; 
background-repeat: repeat; 
position:absolute; 
} 
.sec1 .row{ 
    postion:relative; 
    border:1px solid red; 
    color:green; 
}