Question

满足以下条件时，表右侧会出现小间隙：

表格边框大于1px
border-collapse is collapse
浏览器垂直滚动条可见
浏览器是firefox

以下是一些示例代码：

<!DOCTYPE html>
<html>

<head>

    <style type="text/css">
        body {background-color:green;}

        table
        {
            background-color:#fff;
            width:600px;
            border-collapse:collapse;
            border:4px solid #222;
            /*border-spacing:0;*/
            margin: 0px auto;
        }

        tr {height:56px;} 

        td
        {
            font-family: trebuchet ms;
            font-size: 10.0pt;
            font-weight:bold;
            border:1px solid #222;
            padding-left:4px;
        }
    </style>

</head>

<body>
    <table>
        <tr >
            <td>some content</td>
            <td>some content</td>
            <td>some content</td>
        </tr>
        <tr >
            <td>some content</td>
            <td>some content</td>
            <td>some content</td>
        </tr>
        <tr >
            <td>some content</td>
            <td>some content</td>
            <td>some content</td>
        </tr>
        <tr >
            <td>some content</td>
            <td>some content</td>
            <td>some content</td>
        </tr>
        <tr >
            <td>some content</td>
            <td>some content</td>
            <td>some content</td>
        </tr>
        <tr >
            <td>some content</td>
            <td>some content</td>
            <td>some content</td>
        </tr>
    </table>
</body>
</html>

任何想法都表示赞赏。

当浏览器滚动条出现时，如何阻止浏览器在桌子附近创建间隙

0 个答案: