タイトルを次のように書き換えます: ヘッダーの左上隅にロゴを配置するにはどうすればよいですか?

Question

私は大学のプロジェクトのヘッダーをデザインしていて、ロゴを左上隅に配置する必要があります。 CSSでfloatプロパティを使用してみましたが、何も起こりませんでした。ロゴをタイトル バーの左上隅に移動するにはどうすればよいですか?何度も試しましたが、コードは実行されません。

リーリー リーリー

Answer 1

.logo 要素と p タグを div 内に配置するだけです。自動的に並べ替えてくれます。

また、ボタンの周囲の a タグを閉じるのを忘れています。

何をしているのかよくわかっていない限り、レイアウトでフロートや絶対配置を使用しないでください...

リーリー リーリー

Answer 2

あなたの header には padding: 30px 10% が含まれています。これは、header## の左側と右側に 10% があることを意味します。 # 埋めてから、.logo で開始位置を左から 20px に設定します。

これを「修正」する 1 つの方法は、

left: calc(-10% 20px);# によって、.logo の left を負の位置に配置することです。 ## 。

リーリー リーリー