Q&A
えっと「仕様」という回答でよろしいでしょうか。
前提・実現したいこと
inline に対して、widthやheightが反映される理由を知りたい
該当のソースコード
HTML
1 <body> 2 3 <div class="content"> 4 <div class="container"> 5 <a href="#">1111111111</a> 6 <a href="#">2222222222</a> 7 <a href="#">3333333333</a> 8 <a href="#">4444444444</a> 9 <a href="#">5555555555</a> 10 <a href="#">6666666666</a> 11 </div> 12 </div> 13 </body>
CSS
1.content { 2 margin: 0 auto; 3 max-width: 1080px; 4} 5.container { 6 display: flex; 7 justify-content: space-between; 8 flex-wrap: wrap; 9} 10.container a { 11 text-decoration: none; 12 display: inline; 13 border-bottom:1px solid #484848; 14 width: calc(50% - 8px); 15 height: 100px; 16}
試したこと
上記のwidth、heightを設定し取ったりつけたりすると幅や高さが変わります。
初心者のため初歩的な質問かと思いますが、ご教示お願い致します。
回答1件
0
ベストアンサー
親要素がdisplay: flexに設定してあるため適用されています
投稿2020/01/26 14:09
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
