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 向下 2px，向右约 60px，从它应该在 chrome 中的位置。

为什么会这样，我该如何纠正？

4

4 回答 4

3

浏览器以不同的方式呈现 CSS，或者可能具有不同的 CSS 属性默认值。尝试在您的网页中使用 CSS 重置。

试试这个： http: //meyerweb.com/eric/tools/css/reset/

或者这个： http ://www.cssreset.com/

确保在使用任何 CSS 之前先使用 CSS Reset。

于 2012-07-26T05:29:46.170 回答
2

border-radius和可能有问题height。你height是5px，你border-radius是15px。这将导致边框反转，这可能会导致偏移。

于 2012-07-26T05:32:54.743 回答
1

使用Normalize CSS将有助于在所有主流浏览器中正确呈现 HTML 页面

或者

HTML5 Boilerplate默认模板。这是坚实的！

于 2012-07-26T05:36:39.850 回答
0

它可能与 parent divs 有关。检查CSS。这border-radius也可能导致您出现问题，我之前在 IE 中也发生过类似的事情。

于 2012-07-26T05:41:12.953 回答