-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

0

CSS.classで id ( ) セレクターの代わりにclass ( ) セレクターを使用しています#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 use のために、クラスを扱う際に使用されます#

これを試して:

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

ジャスフィドル

于 2013-08-28T12:13:52.227 に答える
0

まず、attr="smth" でスペースを使用しないでください。また、クラスではなく id を使用するため、css セレクターは .fb ではなく #fb にする必要があります

于 2013-08-28T12:06:54.800 に答える