Question

The styling I wanted to be is in Chrome but it looks different in Firefox and IE. All my fields are float to the right except the field "name". Is it about the floating? My Chrome: enter image description here

My Firefox and IE: enter image description here

除了"状态"还有巨大的空间而且页眉在身高上看起来也更大

===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>

Answer 1

我99%肯定是因为你需要知道它有哪条垫子因为那些浏览器里有更高的优先级

你可能会成为恒星定律

*{margin:0; padding:0;}

但您需要再次发布更多代码才能让我100%地告诉您该怎么做。如果您对浏览器的复合性有任何不确定之处, 则您需要 100%地发布。 btw 。见 : < a href="http://www. quirksmode.org/ css/contents.html" rel = "nofollow" >http://www.quirksmode.org/ css/contents.html

Answer 2

always use css resets {margin: 0; padding: 0; border: 0; outline: 0;} beacuse every browser has it s own margin, padding...

友情链接