样式不起作用

-3

<html> 
    <head> 
    <style> 
     .fb{ 
      position: relative; 
      right:-1000px; 
     } 
     .info{ 
     position:relative; 
     } 
    </style> 
    </head> 
    <body> 
    <div id="info"> 
    <a href="../jsp/aboutus.jsp" class="anatips" title="About Us">About Us</a> |  
    <a href="../jsp/privacy.jsp" class="anatips" title="Privacy Policy">Privacy Policy</a> 

    <a id = "fb" href="https://www.facebook.com/xyz" target="https://www.facebook.com/xyz"> <img src="../images/facebook.png" height = 16, width = 16 /> </a> 

    </div> 
</body> 
</html>

我想将fb链接移到右上角。我想我的造型不起作用。或者我在某个地方出错了？

来源

2013-08-28 Bittu

作出[的jsfiddle（http://jsfiddle.net/） – aldanux

您应该使用哈希''＃通过它的'id来指向一个元素'属性。句点'.'用于'.class'选择器。 –

你已经在你的样式表中定义的类

.fb{ 
    position: relative; 
    right:-1000px; 
} 
.info{ 
    position:relative; 
}

所以在使用它，你应该做的

<div class="info"> 
    ... 
</div> 
<div class="fb"> 
    ... 
</div>

或者如果你想使用ID然后

#fb{ 
    position: relative; 
    right:-1000px; 
} 
#info{ 
    position:relative; 
} 


<div id="info"> 
    ... 
</div> 
<div id="fb"> 
    ... 
</div>

来源

2013-08-28 12:12:44 Mickey

使用此#fb{ float:right; }

来源

2013-08-28 12:05:32

没有工作..... – Bittu

我刚刚编辑它。 –

'float：right'完全不同。 – JJJ

先不要在ATTR = “水木清华” 使用空格。另外你使用的ID不是类，所以CSS选择应#fb，不.fb

来源

2013-08-28 12:06:54

您正在使用类（.class）选择器inste在你的CSS ID（#id）选择的广告

来源

2013-08-28 12:13:04 Blowsie

<div id="info"> 
<a href="../jsp/aboutus.jsp" class="anatips" title="About Us">About Us</a> |  
<a href="../jsp/privacy.jsp" class="anatips" title="Privacy Policy">Privacy Policy</a> 
<a id ="fb" href="https://www.facebook.com/xyz" target="https://www.facebook.com/xyz">  
<img src="../images/facebook.png" height = 16, width = 16 alt="FB"/> </a> 
</div>

CSS

#fb 
{ 
    float:right; 
} 
.info 
{ 
    position:relative; 
}

目前还没有FB类命名。 DEMO

来源

2013-08-28 12:13:11

的样式没有反映，因为你正在使用.代替#。 .用于处理类，id使用#。

试试这个：

#fb{ 
    position: fixed; 
    right:10px; 
     } 
#info{ 
    position:relative; 
}

Jsfiddle

来源

2013-08-28 12:13:52 heretolearn

样式不起作用

回答

相关问题