質問: ページの右側にログインフォームを置く これが私の jsFiddle です。私はこの規則を適用しているという事実にもかかわらず ``` #login { float: right; } ``` フォームはLeaderboardリンクの隣にあります。モバイルでは、これは問題ではありません。すべてが1列に表示されますが、デスクトップではロゴを一番左に、テキストボックスとLeaderboardを中央に配置し、ログインをしてください。一番右の位置 何が足りないの? --- 実際のロゴでは(ロゴに関して)すべて問題ないことに注意してください。そのため、例ではリンクされたロゴが持つ醜い効果は無視してください。
回答: 表示フレックスは親要素に適用されます( `ui-block-solo` )。ディスプレイのフレックス、フロートの位置合わせ、絶対位置を同時に使用しない方が良いでしょう。 ディスプレイのフレックスを維持することを選択した場合は、フレックスアラインメントを使用できます。詳細については、こちらを参照してください。 nofollow "> https://css-tricks.com/snippets/css/a-guide-to-flexbox/ 。 フロートアライメントと絶対位置がある場合は、絶対位置が適用されます。さらに、もしあなたがフロートアラインメントや絶対位置を好むなら、あなたはモバイル機器のためにメディアクエリを使うべきです。