为什么我不能在div中看到我的div？

Question

<div class="main" style="height: 10px;width: 280px;background:#F00;margin-left:20px;float:left;">   
    <div class="sub" style="clear: both;width: 80%;height: 10px;color: #00F;position: relative;top: 0px;left: 0px;"></div>
</div>

.main div为红色

.sub div为蓝色

我只能看到红色，为什么这就像孩子的问题，但我无法解决这个问题！

这里没有css样式表

Answer 1

您使用color代替background-color: #00F;

Fiddle

Answer 2

你的第二个div没有背景颜色或任何其他可以让它显示的东西，为第二个div添加背景颜色，你会看到它。

color:更改字体颜色时，background-color:会更改背景颜色。

使用外部CSS表或<style></style>标签也是个好主意

Answer 3

你的第二个div无法看到，因为你没有为它设置任何颜色。 您使用color: #00F;属性更改了元素的字体颜色。相反，你应该在第二个div上使用background-color属性，它会改变它的背景颜色，也就是div的颜色。 还尝试使用外部CSS文件，因为它更容易发现错误并使您的工作井井有条。