1

我知道有很多关于手头主题的文章。我的任务是实现带有粘性页眉和页脚的固定流体 2 列布局。在阅读了几篇文章后，人们声称 div 更适合构建页面布局。在某些情况下，我同意这一点。谁能告诉我，如果我想要完成的事情，使用 div 会比使用表格更好。谁能给我一个比使用 TABLE 的附加代码更简单的 DIV 解决方案。

CSS

   html,body{
     height:100%;
     width:100%;
     margin : 0;
   }

   table{
    height:100%;
    width:100%;
    border-collapse: collapse;
    border-spacing: 0
   }

   #top{
     height:100px;
     background-color:black;
   }

   #bottom{
     height:100px;
     background-color:blue;
   }

   #left{
     width:250px;
     background-color:blue;
   }

HTML

<html>
  <head>
  </head>
  <body>
    <table >
      <tr id="top">
        <td colspan="2"></td>
      </tr>
      <tr id="mid">
        <td id="left">
        </td>
        <td id="right">
       </td>
      </tr>
      <tr id="bottom">
        <td  colspan="2">
        </td>
      </tr>
    </table>
  </body>
</html>
4

2 回答 2

1

如果您的代码用于非表格数据，那么即使不看您的代码，我也可以告诉您该div元素比table.

有关更多信息，这篇 SO 文章非常有用：

为什么不在 HTML 中使用表格进行布局？

谁能给我一个比使用 TABLE 的附加代码更简单的 DIV 解决方案

这不是关于什么是最简单的编码。加上div布局更具可扩展性。从长远来看，你会遇到更少的 div 障碍。

于 2013-02-26T15:33:19.227 回答
-1

在我看来，表格应该只用于表格数据——但这是我的观点。使用 div 的意义在于，它们更容易使用 CSS 进行操作，并且没有内置格式，您需要覆盖这些格式。对于流畅的布局，hive 认为 div 更好，因为它们本质上是流动的，而表格则不是。但是，实际上，这取决于个人喜好。在你的情况下，你可以随心所欲地去做！

于 2013-02-26T15:35:42.807 回答