width:autoとwidth:100%

最近、レスポンシブデザインの勉強をしてる際にwidth:autoとwidth:100%の違いが分からなくて調べてみました。

基本的には、width:autoとwidth:100%とも親要素の横幅にあわせるものです。
違いは、paddingやborderを指定したときに現れます。

width:autoの時は、左右のpaddingを含んで幅100%になります。
width:100%は左右のpaddingを含まずに100%になります。

cssでは、widthはデフォルトだとwidth:autoが指定されるようです。
レスポンシブデザインのコーディングで使うことが多いと思います。