題の通りです。
CSSにおいて、width: 100% と、 width: auto の違いは、親要素のpadding/borderを含むかどうかと聞いた(参考)ので、早速試してみたのですが、どちらを指定しても、paddingを含まない最大幅になってしまいます。
html
1<div class="outer"> 2 <div class="inner1"> 3 inner1 4 </div> 5 <div class="inner2"> 6 inner2 7 </div> 8</div>
css
1div.outer { 2 background-color: gray; 3 padding: 0 10px 0 10px; 4} 5div.inner1 { 6 width: 100%; 7 background-color: green; 8} 9div.inner2 { 10 width: auto; 11 background-color: blue; 12}
私のwidthに対する理解が間違っているのでしょうか。あるいはコードの書き方やjsfiddleの問題でしょうか?
非常に初歩的な問題かと思いますが、ご回答よろしくおねがいします。
どこでですか?出展もとがあれば明記してください >と聞いた
ご指摘ありがとうございます!確かに出典を併記することは必須でしたね。
本文の修正をいたしました。出典はこちらになります。 http://bashalog.c-brains.jp/15/03/11-205639.php
個人サイトは間違いが含まれる場合があるので、参考にするのは信頼性の高いサイトに限定した方が良いとおみます。初心者向けですと、MDNがお勧めです。
![guest](/img/icon/icnUserSample.jpg)
回答3件
あなたの回答
tips
プレビュー