当前位置：首页 → 问答吧 → margin在IE下不管用，在firefox里就可以

margin在IE下不管用，在firefox里就可以

时间：2011-04-20

来源：互联网

CSS代码如下：
CSS code


.progress {background: #DDDDDD; height: 20px; padding: 2px; border: 1px solid #DDDDDD; margin: 2px;} 
.progressBar{background: green; height: 16px; text-align: center; padding: 1px; margin: 1px; 
            display: block; color: yellow; font-weight: bold; font-size: 14px; width: 0%;}

HTML代码:
HTML code


<div class="progress"><div class="progressBar" style="width: 50%">50%</div></div>

两个DIV 是在table-->tr-->td里
就是一个纯粹用CSS做的进度条
在firefox里好使，但是在ie里就不行
我在网上找过问题，
在里面加过overflow:hidden 不行
改过display: inline-block 不行
text-align: center这个去掉过，也不行
我把margin去掉也不行
不怎么会用CSS，大家帮忙解决下，谢谢

作者: zxyah 发布时间: 2011-04-20

对了，问题忘了说下了
在firefox下，进度条是从左开始
但是在IE下，进度条是居中的

作者: zxyah 发布时间: 2011-04-20

我这里看这段代码都没问题

作者: a8918786 发布时间: 2011-04-20

你应该把你想要的效果，说清楚。不然我们没法帮你。

作者: tan0998 发布时间: 2011-04-20

或者你把你的代码贴全了，也好啊

作者: tan0998 发布时间: 2011-04-20

效果就是：
根据后台传过来的数据(百分比)
来设定第二个div的宽度，来达到进度条的效果啊
现在的问题是，在ie下第二个DIV是居中的，在firefox下，是从左边开始的(正常的)

作者: zxyah 发布时间: 2011-04-20

引用 1 楼 zxyah 的回复:

对了，问题忘了说下了
在firefox下，进度条是从左开始
但是在IE下，进度条是居中的