css
1.header-menus { 2 float: right; 3 padding-right: 20px; 4} 5 6.header-menus li { 7 float: left; 8 line-height: 64px; 9 font-size: 13px; 10 color: white; 11 padding-left: 15px; 12}
html
1 <ul class="header-menus"> 2 <li>TweetAppとは</li> 3 </ul>
プログラミング学習サイトで段階的にホームページを作成してところです。
まだHTMLが未完ながら勉強として写経していたのですが、上記のHTMLに対してだと、CSSのfloatが矛盾しているように思うのですが、今後、HTMLが付け足される中で、解消されて行くものなのでしょうか。
気になると前に進めない性格なので、質問させて頂いてます。よろしくお願いします。
矛盾とはどのような状態でしょうか。
floatで親要素を右に一旦寄せて、子要素のliを左に寄せてるんですかね。なんでこんなことするか、意味がわからな過ぎて、矛盾してるんじゃないかと思ったんですが、先の理解でいいのでしょうか?
学習サイトでしているこの目的が分からないとなんとも言えません。もし気になるようでしたらulやliに要素を追加してみたりして動作確認してみると理解が深まるかもしれません
お二方、ありがとうございました!ちょっといじくってみます!
ここだけだと確かにパッと見は矛盾しているように見えますが、「aKusano」さん「kei344」さんの回答のように、他の部分を「推測」すると、「適切」とも言えますね。
他の部分を推測する力があって羨ましいです。。頭のよさが違うんですかね。。
最初は皆同じで「右も左も分からない」状態です。1歩ずつ進めば、「こんな問題で悩んでたなぁ」と懐かしくなるハズです。
回答2件
あなたの回答
tips
プレビュー