Css 外部样式表中的样式与使用样式不同=
我有一个DIV元素,样式如下: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 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+符号是多余的,但允许,并且不影响问题。