SHERBETS|SHERBETS


2カラムで片方をpxで固定、もう片方を%で可変にする

レスポンシブで片方を固定、もう片方を可変にするやり方の備忘録です。

○ 2カラムで片方をpxで固定、もう片方を%で可変にする

  1. 固定ボックスのwidthをpxで指定します。
  2. 可変ボックスのwidthを100%に指定します。
  3. 可変ボックスに固定ボックスのwidth分のmargin-leftをネガティブマージンで指定します。
  4. 可変ボックスの中に子ボックスを作り、固定ボックスのwidth分のmargin-leftを指定します。

サンプル
サンプルコード

これで2カラムで片方をpxで固定、もう片方を%で可変にできます。

にほんブログ村 ゲームブログへ



○ コメントを投稿する

▲TOP