この記事の例は、参照のためのHTML5 DIVレイアウトとテーブルレイアウトを分析します
DIVレイアウト： HTML+CSSは簡単なレイアウトを実現します。#containerの高さはパーセンテージとして記述することはできず、特定の高さでなければなりません。
<！ #container {100％：650px;} ;バックグラウンドカラー：darkgrey;} </style> </head> <body> <div id = div id = head> head </div> <div = content- menu>コンテンツメニュー< /div> <div id = content-body> content件名</div> <div id = footer> bottom </div> </body> </html>効果マップ：
テーブルレイアウト：< height = 650px style = background-color：aqua> <tr> <td colspan = 3 width = 100％height = 10％style = background-color：chartreuse> "<td width = 20％height = 80％style = background--色：antiquewhite>左メニュー</td> <td幅= 60％高さ= 80％スタイル= background-coror> </td> td width = 20％height = 80％style = background-color：cornflowerblue>右メニュー< /td> </tr> <td colspan = 3幅= 100％height = background-cror：これは底部</td> </tr> </table> </body> </html>
効果マップ：
上記は、この記事のすべての内容です。