1

我想要的样式在 Chrome 中，但在 Firefox 和 IE 中看起来不同。除了“名称”字段外，我的所有字段都向右浮动。是关于漂浮的吗？我的铬： 在此处输入图像描述

我的 Firefox 和 IE： 在此处输入图像描述

除了“状态”之外，还有一个巨大的空间，标题的高度也看起来更大。

===CSS====

.column-name { margin: 2px; width: 40%; }
.column-priority { float: right; margin: 2px 12px; text-align: center; width: 100px;}
.column-severity { float: right; margin: 2px 12px; text-align: center; width: 100px;}
.column-status { float: right; margin: 2px; width: 100px;}

===HTML====

   <div class="results-header ">
        <div class="column-status" value="status">Status<span class="sort jive-icon-sml"></span></div>  
        <div class="column-severity" value="severity">Severity<span class="sort jive-icon-sml"></span></div>
        <div class="column-priority" value="priority">Priority<span class="sort jive-icon-sml jive-icon-arrow-generic-down"></span></div>   
        <div class="column-name"  value="name" >Name</div>
    </div>
4

2 回答 2

0

我 99% 确定这是因为您需要知道它具有哪个填充，因为在那些浏览器中它具有更高的优先级。

你可能会制定一个明星规则

*{margin:0; padding:0;}

但同样，您需要发布更多代码，然后我才能 100% 告诉您该做什么。顺便说一句，如果您不确定与浏览器兼容性有关的任何事情，请参阅：http ://www.quirksmode.org/css/contents.html

于 2012-05-24T07:43:31.777 回答
0

总是使用 css 重置 {margin: 0; 填充：0；边框：0；outline: 0;} 因为每个浏览器都有自己的边距，填充...

于 2014-07-16T15:27:24.740 回答