3

私はdivのためにこのルールを持っています：

#dividerTabs {
    height: 5px;
    background-color: #FFB4A1;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    -moz-border-radius: 15px;
    -moz-border-top-left-radius: 15px;
    -moz-border-top-right-radius: 15px;
    width: 100%;
    position: absolute;
    z-index: 9999;
    bottom: -40px;
}

HTML：

 <div id="dividerTabs"></div>

chromeデバッガーを見ると、divに適用されるその他のルールは次のとおりです。 

* {
    margin: 0px;
    padding: 0px;
}

問題は、divが下に2ピクセル、右に約60ピクセルで、そこからクロムである必要があることです。

これはなぜですか、どうすれば修正できますか？

4

4 に答える 4

3

ブラウザはCSSのレンダリングが異なるか、CSSプロパティのデフォルト値が異なる場合があります。WebページでCSSリセットを使用してみてください。

これを試してください：http： //meyerweb.com/eric/tools/css/reset/

またはこれ： http ：//www.cssreset.com/

CSSを使用する前に、必ずCSSリセットを使用してください。

于 2012-07-26T05:29:46.170 に答える
2

border-radiusおよびに問題がある可能性がありheightます。あなたheightは5px、そしてあなたborder-radiusは15pxです。これにより、境界線が反転し、オフセットが発生する可能性があります。

于 2012-07-26T05:32:54.743 に答える
1

正規化CSSを使用すると、すべての主要なブラウザーでHTMLページを適切にレンダリングするのに役立ちます

また

HTML5ボイラープレートのデフォルトテンプレート。これはしっかりしています！

于 2012-07-26T05:36:39.850 に答える
0

それは親と関係があるかもしれませんdiv。CSSを確認してください。これborder-radiusも問題を引き起こしている可能性があります。IEで以前に同じようなことが起こったことがあります。

于 2012-07-26T05:41:12.953 に答える