2カラムの片方を固定・可変にする方法

先日のエントリーで 『max-width がイメージと違う動きをする？ width と max-width と float を理解する』 というのを書いたのですが、２カラムで片方が横幅固定、もう一方が可変幅で作りたい時には別の作りが必要と書いていたとおりに、もう少し工夫が必要となります。 今回は、そのカラムで片方を横幅固定、もう一方を可変幅にする方法を確認してみます。 片方固定、もう一方が可変のイメージ片方を固定にするポイントは、ネガティブマージンを活用するところです。固定する方には固定サイズのwidthを、可変にする方は最低でも２重の枠を設け、外側で固定サイズ分のネガティブマージン、とwidth: 100%、ネガティブマージンをつけたブロックの内側で固定サイズ分のマージンを指定することで実現可能です。 以前の、 SaCSS vol.51 で @mori_ko も紹介していた方法です。 H