1

http://www.milknhny.co.uk/

私はCSSの問題に問題があり、見つけることができないようです。これは確かに私のstyle.cssにはなく、これがどこから来ているのか混乱しています。

メニューのスタイルを設定しようとしていますが、一般的に大混乱を引き起こしています。

作成しているCSSは次のとおりです。

ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1.1em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}

私はこれが私自身を覆っているグーグル自身のスタイルであると知らされました。

今、私はこれを自分のCSSに追加し、パディング開始で重要な40pxから0pxを上書きしました。しかし、私はこれを避けたいと思います。

誰かが解決する方法についてアドバイスを提供できますか？これは私のメニューに大きな左手のパディングを作成しているので（ウェブサイトを参照）

この問題を解決するまで、メニューの場所は完全にスタイル設定されていないため、無視してください。

4

3 に答える 3

3

私はちょうどポイントを得ました。#agent liユーザーエージェントのスタイルシートは、 CSS部分に言及したパディング値に加えてパディング値を提供しています。Chrome DOM InspectorでそのCSSを削除することに興味があり、サイトは私にとっては問題ないように見えました

于 2012-12-24T02:22:05.327 に答える
1

ashutoshと同じように言うでしょう。ULにゼロパディングを指定すると、問題なく機能するはずです。！重要でインラインCSSは可能な限り避けるべきだと思います。

于 2012-12-24T02:24:24.887 に答える
0

ここで指定されているように、!importantタグを使用できます。

別の方法は、影響を受けるアイテムにインラインcssを使用することです。

<div id="menuwrapper">
<div id="menuwrapperinner">
<div id="access">
<div class="menu">
   <ul style="padding: 0;"  >
   <!-- or 
   <ul style="-webkit-padding-start: 0;" > -->
       <!-- your <li></li> items here -->
   </ul>

（Chrome開発ツールで試してみることをお勧めします）

PS：ワードプレスのテーマを使用するか、Bootstrapを見て独自のメニューを実装してください。

于 2012-12-24T02:10:45.127 に答える