我有一个 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 中应该是这样。
这是为什么,我该如何纠正?
最佳答案
浏览器呈现 CSS 的方式不同,或者 CSS 属性的默认值可能不同。尝试在您的网页中使用 CSS 重置。
试试这个: http://meyerweb.com/eric/tools/css/reset/
或者这个: http://www.cssreset.com/
确保在使用任何 CSS 之前先使用 CSS Reset。
关于CSS 在 ie 中是错误的,而在 Chrome 中是正确的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11662822/