WordPress:authorページを一括リダイレクト
AMPの公式イメージ利用方法とガイドライン【画像ダウンロード】
【MAC】スクリーンショットの保存フォルダを変更・JPGファイルにする
MAMPでMySQLが起動しない時の解決方法
AMP化と一緒にHTTPSにすることにした:設定方法
@ 2016 fwary

2カラムレイアウトを簡単なCSSで作る方法

ボックスレイアウトにするためのCSSの作り方。float:leftとかいらない。CSS少なくて済む方法。

①固定のサイドバーは、width: 30%に幅を指定。
②可変のメインは、flex: 1とする。
 
①と②を囲む親要素wrapにはdisplay: flexを指定。
wrapの中には、headerとかnavigationとかfooterとかも入っちゃうとダメ。
①と②だけを囲む。
 


<div id="wrap">
    <div id="sidebar">
      <!-- サイドバー -->
    </div>
    <div id="main">
      <!-- メイン -->
    </div>
</div>
 
#wrap{
    display: flex;
}
#sidebar{
    width: 30%;
}
#main{
    flex: 1;
}
 

 
以上。
 
参考サイト
http://qiita.com/hashrock/items/939684b9207dbab1d59e

sharing is caring