teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

修正

2020/11/02 22:06

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -1,7 +1,7 @@
1
1
  パーセント指定した場合は、親要素のサイズが基準になります。
2
2
  `width: 100%`なら親要素の幅から左右パディングを引いた幅になります。
3
3
  他の要素が入る隙間がなくなので当然改行され、縦並びになります。
4
- 親要素には幅が設定してないのと思われるかもしれませんが、親要素のbuttonはインラインブロック要素なので子要素に幅で決まりますので、<span>の幅と同じになります。
4
+ 親要素には幅が設定してないのと思われるかもしれませんが、親要素のbuttonはインラインブロック要素なので子要素に幅で決まりますので、<span>の幅と同じになります。
5
5
 
6
6
 
7
7
  `width: 50%`でも縦並びになる場合は、他の要素が親要素の50%以上の幅があるからでしょう。