O exemplo deste artigo analisa o layout HTML5 DIV e o layout da tabela para sua referência.
Layout DIV: HTML+CSS atinge o layout simples.#A altura do contador não pode ser escrita como porcentagem e deve ser uma altura específica.
<! #Contain {Largura: 100%; Float; Background-Color: DarkGrey; /div> <div id = content-body> sujeito de conteúdo </div> <div id = rodapé> inferior </div> </body> </html>Mapa de efeitos:
Layout da tabela:<! Altura = 650px estilo = cor de fundo: aqua> <tr> <td colspan = 3 largura = 100% altura = 10% estilo = cor de fundo: chartreuse> "<td width = 20% altura = 80% estilo = fundo- Cor: AntiCewhite> Menu esquerdo </td> <td width = 60% altura = 80% style = background-coror> </td> td width = 20% altura = 80% estilo = cor de fundo: cornflowerblue> menu certo < /td> </tr> <td colspan = 3 width = 100% altura = fundo-cror: cr.
Mapa de efeitos:
O acima é todo o conteúdo deste artigo.