CSS の width 指定 について

Question

http://one-text.tk/tpl/index.html

現在 私が運営するサイト用のデザインを編集しています。

記事のところが 小さくなっていて これを目一杯ひろげたいです。

どうすれば宜しいでしょうか？

ご回答よろしくお願いします

Answer 1

width: 100%;よりwidth: auto;のほうが...個人的な意見ですが...

Answer 2

対応ブラウザが限定される方法ですが、以下のような方法が考えられます。

まず、main要素とaside要素の外側をdiv要素などでくくって1つにまとめます。
外側の要素に以下のCSSを適用します。

width: 100%;  
display: -webkit-box;
display: -moz-box;

幅をめいっぱい広げたい要素(main)に以下のCSSを適用します。

-webkit-box-flex: 1;
-moz-box-flex: 1;

これでできる気がします。

Comments

[pac894398]

回答ありがとうございます！
確認できました。

Answer 3

一番単純なやり方は

main {
  width: calc(100% - 320px);
}

です。

calcが使えるかどうかはこちらを参照してください。
http://caniuse.com/#search=calc

Comments

[pac894398]

IEでも確認でき、とても単純だったのでベストアンサーにさせていただきます。
ありがとうございました。