検索

ホームページ  >  に質問  >  本文

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

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

リーリー リーリー

P粉595605759P粉595605759529日前607

全員に返信(2)返信します

  • P粉296080076

    P粉2960800762023-09-08 15:13:04

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

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

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

    リーリー リーリー

    返事
    0
  • P粉277464743

    P粉2774647432023-09-08 12:23:18

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

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

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

    リーリー リーリー

    返事
    0
  • キャンセル返事