リキッドタイプのＣＳＳテンプレート：コンテナの幅が100％未満の場合

ＣＳＳでテーブルなしでやっているのだが、今回リキッドタイプにしてみた。

いろんなサンプルを見ると、幅が１００％のものばかり。

試しに７０％とかにしてみると、左によってしまう。

これを解決するには・・・

marginをautoにすればよい。

またfooterもそのまま組んでしまうと上に流れ込んでしまうので必ずclear:bothをＣＳＳの中に入れないといけない。

:before

:after

などもあり、ＣＳＳって面白い。

参考図書：

プロとして恥ずかしくないスタイルシートの大原則

Web creators (ウェブクリエイターズ) 2009年 01月号 [雑誌]