Question

当我将高度添加到div标签时它与高度ie和firefox不同。我不能100％放在div标签上。你可以请任何帮助我来解决这个问题。我在此处附加了Css代码，请Click here查看该网站。

#payment{
    width: 265px;
    border: 1px solid #cecece;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 7px rgba(50,50,50,0.46);
    -moz-box-shadow: 0 2px 7px rgba(50,50,50,0.46);
    box-shadow: 0 2px 7px rgba(50,50,50,0.46);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    display: block;
    position: absolute;
    float: right;
    height: 230px;
    padding: 10px;
    left: 549px;
}

Answer 1

这可能是填充问题。 IE和firefox解析填充不同。 Firefox添加了db的高度/宽度的填充（所以总高度/宽度将定义高度/宽度+填充），其中IE不添加。旧版本（＆lt; IE9）会出现这种情况。

您可以尝试使用旧版本的IE。

<!--[if lt IE 9]>
#payment{
    width: 285px; /* original width + padding on left and right */
    height: 250px;/* original height + padding on top and bottom */
    padding: 10px;
}
<![endif]-->

Answer 2

看起来您正在页面上使用Quirk模式doctype。

切换

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

到

<!DOCTYPE>

或者比quirk模式更合适的东西。

IE中的Div高度与Firefox和Chrome相比有所不同

2 个答案: