当サイトのレイアウトにはエラスティックレイアウトという手法を使いました。コンテナ要素の幅をem単位で指定しています。該当部分の記述は以下の通り。 div#container { width: 90%; max-width: 60em; min-width: 46em; margin: 0 auto; } コンテンツ全体を囲む div#container に対して max-width と min-width をem単位で指定しています。そうすることで、ブラウザで文字サイズを変更すると div#container の幅が変わるようになります。なお、 max-width/min-width プロパティに対応していないIE6以前などのブラウザでは単に width:90% になるだけです。 また、エラスティックレイアウトで2カラムを実現するためにネガティブマージンをレイアウトに使っています。ネガティ
![エラスティックレイアウトを採用してみました | Like@Lunatic](https://cdn-ak-scissors.b.st-hatena.com/image/square/c5f660d266393a2d3d0f4a7eda72fead3b4a424b/height=288;version=1;width=512/https%3A%2F%2Flikealunatic.jp%2Fwp-content%2Fthemes%2Flikealunatic30%2Fassets%2Fog.png)