Question

好的，我在不同的浏览器中遇到两个CSS问题：

1）在IE和Firefox中，20px（顶部）的padding看起来都不同。在IE和Firefox中，fullscreen_block似乎比在Safari和Chrome中更接近底部。

.fullscreen_block {
padding: 20px 0 0 20px;
text-align: center;
}

2）仅在IE中，margin-right的{{1}}看起来比预期的更靠近页面的左侧。

right-sidebar-block

有人知道如何解决这个问题吗？感谢!!!

编辑：这是.right-sidebar-block { width: 120px; float: right; margin-top: 19px; margin-right: 270px; margin-bottom: 40px; }的html它只包含两件事，Facebook和Twitter Box：

.right.sidebar-block

对于<div class="right-sidebar-block"> <iframe style="width:178px;height:271.0px;background:#ffffff; border:1px solid #d9d9d9 !important;border-radius:6px; margin-left:0px; margin-top: 310px; position:absolute !important; z-index:9999999 !important;" src="..." scrolling="no" frameborder="0" allowTransparency="true"><a href="" class="fbook"></a></iframe> <a class="twitter-timeline" width="100" height="295" href="https://twitter.com/" data-widget-id="52722121576371329536">Tweets by</a> <script>...</script> </div>，这是一个很大的fullscreen_block，其中包含其他几个div和divs等。

Answer 1

使用规范化程序或任何浏览器重置样式表。否则在大多数情况下：

html，body {margin：0;填充：0}

规则应该这样做。

但是通过浏览器重置表，你可以避免一堆像这样的问题。

IE和Firefox中的边距和填充问题

1 个答案: