我有一组矩形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/