Question

怎样才能使加了边框的DIV高度在IE和Firefox中相同？

我定义一个DIV标签的CSS代码为：

{width:115px; height:26px; margin-left:10px; border:1px solid #F9BB00; background-color:#FFF9E1; float:left; text-align:center; vertical-align:middle}

在IE6.0中宽度为115px,高度为26px,跟代码中定义的一样，而在Firefox中显示的宽度117px;高度是28px,宽和高都多了2px,似乎是把边框的宽度也包括在内了，有没有办法让在IE和Firefox中的宽和高都一样啊？

谁能帮忙解决一下啊？多谢了！

Answer 1

本来可以用important解决的, 可是现在ie7居然支持important, 实在让人郁闷哈...

可以用嵌套div解决

.a1{border:1px solid #CCCCCC;} /*控制边框*/
.a2{height:400px;width:400px;} /*控制高度*/

<div class=a1><div class=a2></div></div>