-2

私のCSSには次のCSSがありますdiv。

.floating {
        width: 500px;
        position: relative;     
        border:2px solid;
        border-radius:5px;
    -moz-border-radius:5px; /* Firefox 3.6 and earlier */
    background-color: #000000;
/*      margin-top: 50 px; */
/*      margin-left: 80px; */
/*      margin-right: 750px; */
/*      margin-right: 100 px; */
    padding: 10 px;
}

マージンが有効になっている（現在は無効になっている）Chromeでは問題なく表示されていましたが、Firefoxはマージンをまったく認識していませんでした。FirebugはCSSを表示しましたが、マージンタグはありませんでした。この問題を解決するために、親コンテナの余白をパディングに置き換えることで、簡単な解決策を取りました。

ただし、パディングも表示されていないことがわかりました。Firebugで手動でパディングパラメータを追加すると、問題なく表示されます。私はここで何が欠けていますか？

4

2 に答える 2

4

2つの問題...

  1. floating何かを適切に定義またはターゲティングしていません。と呼ばれるそのようなHTMLエンティティはありませんfloating。クラス名の場合はそれが必要で.floatingあり、要素の場合idはである必要があります#floating。

  2. 単位の前にスペースを含めることはできません。10pxではなく 、である必要があり10 pxます。あなたはいくつかの場所でこれと同じ過ちを犯したようです。

于 2012-06-02T14:17:54.187 に答える
0

クラス定義で、クラス名 (「フローティング」) に「.」がありません。その前に。また、ピクセル数と単位の間にスペースを入れないでください。つまり、「10px」ではなく「10px」です。

于 2012-06-02T14:11:48.857 に答える