CSS 在 ie 中是错误的,而在 Chrome 中是正确的

标签 css

我有一个 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/

相关文章:

html - 示例 html 页面不占用整个页面。仅保留在顶部

php - 将数据从 JavaScript 发送到服务器到 PHP,得到 500 错误

javascript - Canvas JS 上的墙壁检测

jquery - 更改输入焦点上的标签背景颜色

html - 使用 Rails 和 Bootstrap 在导航栏中链接

css - jQueryUI slider : absolutely positioned element & parent container height

css - 在 ExtJS 4.2 中更改选项卡面板标签下的栏

html - 更改选择框中箭头的颜色

html - 无论 css 如何,都无法调整网页上的数据馈送位置

html - 在不同列中显示动态创建的列表