1

私はまだCSSが得意ではないので、テーブルに組み込まれているWebサイトに取り組んでいます。このテーブル構造を取得しました：

<table>
  <tr>
    <td>Siderbar 1</td>
    <td>Main Part</td>
    <td>Sidebar 2</td>
  </tr>
</table>

私の問題は、「メイン パート」が下に展開されると、サイドバーも一緒に下に移動し、常に中央に配置しようとすることです。

彼らをトップにとどまらせる方法はありますか？

4

3 に答える 3

2

レイアウトにテーブルを使用しない

テーブルは、表形式のデータ専用です。を使用するよりも優れた解決策は、要素と CSS スタイルvalignを使用してレイアウトを作成することです。div

最新の Web デザイン (つまり 1995 年以降) にテーブルを使用しない理由については、次の記事をお読みください。

http://webdesign.about.com/od/layout/a/aa111102a.htm

于 2012-11-07T13:58:35.780 に答える
0

サイドバーを常に一番上に表示するために使用<td valign="top">します

<table>
  <tr>
    <td valign="top">Siderbar 1</td>
    <td>Main Part</td>
    <td valign="top">Sidebar 2</td>
  </tr>
</table>

サイドバーのコンテンツがメイン パーツ以上の場合は、メイン パーツに追加することもできます <td valign="top">。

于 2012-11-07T13:55:45.283 に答える
0

まず、テーブルを使用してレイアウトを設計するのは悪い習慣です。素っ気なく指定されたリンクを読んでください。通常、 のコンテンツ<td>は中央に配置され、行内の 1 つのセルにさらにコンテンツがある場合、その行の他のすべてのセルが自動的に展開されます。そのため、レイアウトでは不要な空白が表示されます。valign プロパティは非推奨なので、コンテンツを一番上に表示したい場合は CSS プロパティを使用してください

vertical-align:top
于 2012-11-07T15:21:58.960 に答える