0

我经常查看代码并看到诸如“-moz 某某 CSS 规则、-webkit 某某 CSS 规则”之类的东西，并认为我需要在我的情况下做类似的事情。

我的页面http://scope-stage.scholastic.com/需要像在 Firefox 中一样出现，但是当我在 Chrome 和 Safari 中查看它时，它完全倒退了。在 Firefox 中，我无法获得我希望它们与常规边距一样的边距，也就是说 - 我必须使用负整数作为边距。我该怎么做才能使所有浏览器的边距都相同？

这是我在其中一个 div 上的 CSS（我想我可以对其余部分应用任何答案）

     .colorScheme {background-color:#B9E9DA; width:500px; height: 340px; margin-top:-45px; padding:0;}

但是当你在FF以外的任何浏览器中查看它时，你会清楚地看到它的破损。

感谢您的寻找和帮助。

4

1 回答 1

0

I'm not 100% sure on this you will have to test but I believe you can solve your problem as follows. 

* {
 margin:0;
 padding:0;
}

.colorScheme {
background-color:#B9E9DA; 
width:500px; 
height: 340px; 
margin-top:-45px; 
padding:0;
}

This will set all elements to have no padding or margin. Giving you control using CSS for all paddings and margins.

Alternatively you can just assign hardcoded to the single class but you will need to assign a value to EACH margin/Padding as follows

.colorScheme {
background-color:#B9E9DA; 
width:500px; 
height: 340px; 
margin:-45px 0 0 0; 
padding:0;
}

Try those and see if they work out for you.

于 2013-09-12T19:09:07.767 回答