0

当我将高度添加到 div 标签时，高度不同，即和 firefox。我不能把 100% 放在 div 标签上。你能帮我解决这个问题吗？我已在此处附加 Css 代码，请单击此处查看该站点。

#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;
}
4

2 回答 2

1

这可能是填充的问题。IE 和 firefox 以不同的方式解析填充。Firefox 使用 div 的高度/宽度添加填充（因此总高度/宽度将定义为高度/宽度+填充），其中 IE 没有添加。旧版本 (< 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]-->
于 2012-12-20T05:42:28.600 回答
-1

看起来您在页面上使用了 Quirk 模式文档类型。

切换

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

到

<!DOCTYPE>

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

于 2012-12-20T04:22:15.250 回答