こんにちは、まだ1月感覚の抜けないhakoishiです。 ただでさえ短い2月、気がついたら「そんなのあったっけ?」になってそうでどうしよう。 さて、今回はページの上下左右中央にボックスを配置する時、最低限のマージンを確保する方法をご紹介します。 言葉では伝えにくいので早速サンプル。 ページの上下左右中央にボックスを配置する時、最低限のマージンを確保するサンプル ウィンドウを広げたり縮めたりしてみてください。 ページ中央に配置されたグレーのボックスが、ウィンドウが一定サイズ以下(このサンプルの場合、ヘッダー、フッターを別として縦400px、横600px)になるとそのままの配置で固定されます。 ※IE7以降対応です。 エラーページとかアクセスマップとか、中身がちょっぴりしかないんだけどちょっとだけこだわりたいなー、なんてページに使うと良いんではないでしょうか? まずはベース。当ブログのこの記事
![【CSS】ページの上下左右中央にボックスを配置する時、最低限のマージンを確保するサンプル | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/c76f538a877e78afb07d09e5ff0f87885ac194e9/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_coding.png)