84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
私は大学のプロジェクトのヘッダーをデザインしていて、ロゴを左上隅に配置する必要があります。 CSSでfloatプロパティを使用してみましたが、何も起こりませんでした。ロゴをタイトル バーの左上隅に移動するにはどうすればよいですか?何度も試しましたが、コードは実行されません。
リーリー リーリー
.logo 要素と p タグを div 内に配置するだけです。自動的に並べ替えてくれます。
.logo
p
また、ボタンの周囲の a タグを閉じるのを忘れています。
a
何をしているのかよくわかっていない限り、レイアウトでフロートや絶対配置を使用しないでください...
あなたの header には padding: 30px 10% が含まれています。これは、header## の左側と右側に 10% があることを意味します。 # 埋めてから、.logo で開始位置を左から 20px に設定します。
header
padding: 30px 10%
header## の左側と右側に
があることを意味します。 # 埋めてから、
で開始位置を左から
に設定します。
left: calc(-10% 20px);# によって、.logo の left を負の位置に配置することです。 ## 。
left
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
.logo要素とpタグを div 内に配置するだけです。自動的に並べ替えてくれます。また、ボタンの周囲の
aタグを閉じるのを忘れています。何をしているのかよくわかっていない限り、レイアウトでフロートや絶対配置を使用しないでください...
あなたの
これを「修正」する 1 つの方法は、headerにはpadding: 30px 10%が含まれています。これは、header## の左側と右側に10%があることを意味します。 # 埋めてから、.logoで開始位置を左から20pxに設定します。left: calc(-10% 20px);# によって、
.logoのleftを負の位置に配置することです。 ## 。リーリー リーリー