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 での操作がはるかに簡単であり、上書きする必要がある組み込みの書式設定がないことです。流動的なレイアウトの場合、div は本質的に流動的であるのに対し、テーブルは流動的ではないため、div の方が優れているという意見があります。しかし、実際には、それは個人の好みに帰着します。あなたの場合は、あなたの心が望む方法でそれを行うことができます!

于 2013-02-26T15:35:42.807 に答える