我有一组矩形Divs,所有类均为“ Bar”,它们都漂浮在容器的最右边,容器中还包含一个漂浮在其中的类似设置。
在Google Chrome浏览器中,这可以很好地工作,并且条形图彼此之间以a的间距堆叠在一起。但是,在IE中,条形图显示在浮动的左侧内容之下,并且不会堆叠在一起。

请说,如果需要更多信息,我尝试仅包括最重要的信息,因此发布时间不会太长。

提前致谢

.Bar {
    border-color: #666;
    background-color: #eee;
    width:200px;
    height:25px;
    border-style:solid;
    border-width:1px;
    border-radius:6px;
    padding: 2px;
    margin:6px 0 0 0;
    float:right;
    line-height:25px;
    font-size:12px;
}

最佳答案

删除bdInnerBar类的float:right可以解决我的情况,甚至更多的右侧条变为蓝色。

抱歉,我无法找到原因,如果可能的话,请整理html和CSS以使其中仅包含相关部分,以获取更一般的答案。

关于css - 堆叠 float Divs,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9501476/

10-12 12:54
查看更多