无法在960.gs容器的背景中着色
无法在960.gs容器的背景中着色
提问于 2011-02-26 00:51:32
我正在使用960.gs (http://960.gs)作为我的站点的CSS框架，并且我试图在.container_12类的背景中着色，而不是在我的.grid_12类的背景中着色，因为我在两边获得了额外的10px，给网格留出了一点空格。
我查看了960.gs示例站点，他的背景在y轴上重复，无论.grid_12或.grid_16类中的内容有多大，它似乎都会扩展。
当我想将背景涂成白色(而不是在y轴上重复图像)时，它看起来就像我的.grid_12是浮动的，因此.container_12没有高度，因此没有白色背景。
下面是我的相关HTML
<body>
<div id="logoContainer" class="container_12">
<div id="logo" class="grid_12">
<h1>Logo</h1>
</div> <!-- end #logo -->
</div> <!-- end #logoContainer -->
<div class="clear"></div>
<div id="menuContainer" class="container_12">
<div id="menu" class="grid_12">
<ul>
<li><a href="#" class="selected">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
</div> <!-- end #menu -->
</div> <!-- end #menuContainer -->
<div class="clear"></div>
<div id="contentContainer" class="container_12">
<div id="content" class="grid_12">
<p>Content here</p>
</div> <!-- end #content -->
</div> <!-- end #contentContainer -->
<div class="clear"></div>
</body>和CSS
/* 960.gs */
@import url('reset.css');
@import url('960.css');
@import url('text.css');
#contentContainer
{
background-color: #fff;
margin-bottom: 10px;
border-radius: 20px;
-o-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}回答 1
Stack Overflow用户
发布于 2011-02-26 01:05:29
为了回答我自己的问题，<div class="clear"></div>需要位于每个.grid_之后，而不是每个.container_之后
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5120084
复制相关文章
相似问题
腾讯云开发者
