Question

我在Chrome中使用以下代码：

    <!DOCTYPE html> <html lang="en">
    <head>  <style> td {
    border: 1px solid; }
     table {
         border-collapse: collapse; 

     }
     </style>       




    </head>
    <body> <div style="
    height: 50px; overflow: hidden; " class="clearfix"> <table style="
    height: 100%; ">
      <tbody><tr><td style="
    border:  1px solid; ">Test 1</td>
      <td style="
    border: 1px solid; ">Test 2</td>
      <td style="
    border: 1px solid; ">Test 3</td>
      <td>Test 4</td>
      <td>Test 5</td>

        </tr></tbody></table></div>
    </body>

</html>

并且表格边框似乎被剪裁。如果我删除边框折叠，它似乎不会被剪裁。在Firefox中，它工作正常。

任何想法为什么？

Answer 1

试试这个：

删除溢出：从div隐藏。

在镀铬表边框中，边框折叠和高度100％被裁剪

1 个答案: