css - 仅在 Windows 上的 IE 中字段溢出

Question

我不明白为什么在 Windows 机器上查看时我结账时的这几个字段会溢出。它发生在 IE 和 FF 中。

这是有问题的页面: https://www.theatticlight.com/checkout/

正如您在“您的帐单信息”框标题中所见，灰色替代行框悬在边缘。这只发生在这个框中，但不会发生在页面其余部分具有相同 css 类的其他框中。

这是最后要敲定的细节之一，我将非常感谢任何能给我一个关于另一个地方的想法的人。

谢谢!

Answer 1

尝试 css 规则:

样式.css 第 288 行

table td, table th {
    border-bottom: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

你给了 padding: 10px 15px;这增加了表格的宽度，并且您填充了 td 的背景，这就是表格与表单容器重叠的原因。

我将 td 内边距减少到 10px；

屏幕截图:http://img31.imageshack.us/img31/2769/cellspacingissue.jpg