樣式不起作用

-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

樣式不起作用

回答

相關問題