我有一个想要设置特定背景颜色的区域。如果不在其中样式化文章元素,则可以正常工作,但是如果样式化它,则该区域将“消失”。 以下是HTML代码:
<section id="news">
<article>
<h3>News Item #1</h3>
<p>This is a paragraph.</p>
<a href="#">Read More</a>
</article>
<article>
<h3>News Item #2</h3>
<p>Place any important lines</p>
<a href="#">Read More</a>
</article>
</section>
因此我添加了以下CSS来更改背景:
#news {
background: #5D9B4C;
max-width: 900px;
margin-top: 30px;
}
它可以工作。然而,当我尝试在新闻部分内部为文章设置样式时,整个部分的背景颜色消失了。
#news article {
float: left;
width: 280px;
margin-left: 20px;
margin-bottom: 30px;
}
这种情况发生的原因是什么?
非常感谢您提前的帮助。