Question

看看以下代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html>
<head></head>
<body>
<div style="float:left; overflow:auto; width:400px; height:300px;">
<table cellspacing="0" cellpadding="0" border="0" style="width:600px; border:solid 1px #999999; border-collapse:collapse;" ><tr><td>testing</td></tr></table>
</div>
</body>
</html>

Firefox的顶部边框消失了有什么问题？

Answer 1

我会将table-layout: fixed;添加到样式

    <table cellspacing="0" cellpadding="0" border="0" 
    class="width:600px; border:solid 1px #999999; 
    border-collapse:collapse; table-layout: fixed; ">
    <tr>
    <td>testing</td>
    </tr>
    </table>

善，

丹

Answer 2

我的第一个建议是从元素中删除显式的boder="0"，看看是否会改变显示。

表格的上边框使用“overflow：hidden”和“border-collapse”样式消失

2 个答案: