嵌套的div不会显示两种背景颜色

时间:2013-07-07 00:07:25

标签: javascript html css

这是css     

.Shell {
    position: absolute;
    bottom:0;
  width: 100%;
  height:25px;
  background:green;
    }

.Inner {
  width:50px;
  background:red;
    }
</style>

这是html

<body>
<div class="Shell">
<div class="Inner" id="Inner"></div>

</div>
</body>

我在google上研究过一些东西,但大多数都是与语法相关的,或者与我的html有太大不同。

在IE9和firefox中,内部div的红色不显示。 Inner div不应该覆盖Shell div的背景颜色吗?

1 个答案:

答案 0 :(得分:4)

.Inner没有设置高度,你还应该在里面放置一个不间断的空格:

 <div class="Inner" id="Inner">&nbsp;</div>