Css IE7-%浮动div上的宽度未应用

在ie 8、9、10中，当应用%时，浮动div的宽度可以正常工作，但在7中则不行。 这是JSFIDLE 评论和结束需要是@两端。需要做什么

---

谢谢

给“父”CSS声明一个像素宽度。

去掉你的宽度，将“关闭”设置为

浮点：对。在“注释”之前加上“关闭”，否则“关闭”将在下一行结束。
您可以为
注释和
关闭
div使用绝对位置

CSS:


#child1{
    background-color:blue;
    width:300px;
    border: 1px solid yellow;
    margin-bottom:15px;
}

#child3{
    background-color:yellow;
    width:auto;
    position:relative;

}
#comment{
    position:absolute;
    bottom:0px;
    left:0px;
}
#close{
    position:absolute;
    bottom:0px;
    right:0px; 
}