-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 链接移到右上角。我想我的造型不起作用。还是我在某个地方出错了？

4

6 回答 6

1

您在样式表中定义了一个类

.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-28T12:12:44.017 回答
0

Use this #fb{ float:right; }

于 2013-08-28T12:05:32.903 回答
0

首先不要在 attr="smth" 中使用空格。你也使用 id 而不是 class 所以 css 选择器应该是 #fb ，而不是 .fb

于 2013-08-28T12:06:54.800 回答
0

您在 css中使用 class ( .class) 选择器而不是 id ( ) 选择器#id

于 2013-08-28T12:13:04.803 回答
0 
<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 的类。演示

于 2013-08-28T12:13:11.297 回答
0

样式没有反映，因为您使用的是.而不是#. .在处理类时使用，用于 id 使用#。

尝试这个：

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

提琴手

于 2013-08-28T12:13:52.227 回答