私は作成しているサイトを持っており、ロゴをすべて左に浮かべているようには見えません。ロゴを左に動かす
でしょういくつかの種類の魂の心のまっすぐ私を設定(またはそれによっては左):
これが私のサイトです:
季節。 rudtek。 com/join-our-team/
私は作成しているサイトを持っており、ロゴをすべて左に浮かべているようには見えません。ロゴを左に動かす
でしょういくつかの種類の魂の心のまっすぐ私を設定(またはそれによっては左):
これが私のサイトです:
季節。 rudtek。 com/join-our-team/
トリックをやっているように見える:
#Top_bar .logo {
float: left;
margin-left: -20px !important;
}
はベストプラクティスではないかもしれないが、それは大丈夫です。
インラインとrenew.cssの2つの場所で、.x-container.widthを86%に指定しました。これを取り除くと動作します。ほとんどのブラウザで利用できる開発者ツールに慣れておいてください。
+1のデベロッパーツールの提案。私はFirefoxのDeveloper Editionに非常に忠実ですが、Chromeのツールもうまくいきます。 – rockusbacchus
原因はdiv.containerのCSSにあります。このルールを削除すると、次のようになります。
.section-wrapper, .container {
margin: 0 auto;
}
ロゴが左端に表示されます。また、ページ上のテキストも左に移動するので、両方同時に設定するのではなく、.section-wrapperのマージンに異なる値を設定するとよいでしょう。
があるTop_bar .logo {フロート:なし;テキスト整列:センター;マージン:15ピクセル0} スタイルID = MFN-dnmcスタイル-CSSの
変化この
.logoに{フロート:を左;テキスト整列:センター;マージン:15ピクセル0}
これは機能します。
!importantの使用は眉をひそめます。それは道路の下でかなり大きな頭痛を引き起こす可能性があります。 – rockusbacchus
私は知っている、それを乱用しないでください –
私はそれを使用しています。できます! – rudtek