Css 外部样式表中的样式与使用样式不同=

Css 外部样式表中的样式与使用样式不同=,css,Css,我有一个DIV元素,样式如下: <div style='float: left; width: 100px; position: relative; top: +5px;'> This is some text </div> 当我将样式移动到外部样式表中时,顶部:+5px;位未应用于文本,但样式的其余部分为: div.textthumb { float: left; width: 100px; position: relative; top: +5px; } .

我有一个DIV元素,样式如下:

<div style='float: left; width: 100px; position: relative; top: +5px;'>
 This is some text
</div>
当我将样式移动到外部样式表中时,顶部:+5px;位未应用于文本,但样式的其余部分为:

div.textthumb {
  float: left; width: 100px; position: relative; top: +5px;
}

...

<div class='textthumb'>
 This is some text
</div>

请问我做错了什么?

您的样式中的“+”是不必要的,如果您正在查找负边距,则只需要签名:

div.textthumb {
  float:left; width:100px; position:relative; top:5px;
}

如果这不能解决您的问题,那么您可能需要寻找您指定的另一种样式来覆盖此样式。在chrome或firebug中使用开发者栏将对您有所帮助。

除了Paddy的答案,您还可以使用CSS属性!重要的是要将其强制到元件上:

div.textthumb {
   float: left;
   width: 100px;
   position: relative;
   top: 5px !important;
}

删除使用position:relative的无效CSSA,只需写top:5px,而不写“+”。从不使用它,也不知道它是否重要;p+符号是多余的,但允许,并且不影响问题。