스타일이 작동하지 않습니다.

-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

만들 A [jsfiddle] (http://jsfiddle.net/) – aldanux

당신은'ID로 요소를 가리 키도록 해시'#'를 사용해야합니다 '속성. 마침표'.'는'.class' 선택자를 위해 사용됩니다. –

을 .fb하지하지 ID를 사용

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

또는 당신이 ID를 당신은 클래스 (.class) 선택기를 사용하는 다음

#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

didnt work ..... – Bittu

방금 편집했습니다. –

'float : right'는 완전히 다른 것을합니다. – JJJ

먼저 = "무엇이든지"ATTR에 공백을 사용하지 마십시오. 또한 당신은 그것을 사용하는 동안

이

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

그래서 당신이해야 할 당신은 당신의 스타일 시트에서 클래스를 정의 CSS 선택기 #fb해야하므로 클래스,

출처

2013-08-28 12:06:54

을 사용하려는 경우 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

스타일이 작동하지 않습니다.

답변

관련 문제