div 위치가 다른 화면 크기로 고정되지 않았습니다.

내 WordPress 사이트에 Twitter 부트 스트랩을 사용하고 있습니다. 문제는 방금 오른쪽 사이드 바에 div를 만들고 그것에 이미지를 배치했는데 내 바탕 화면에서 잘 작동하는 것처럼 보이지만 내 노트북에서 볼 때 위치가 바뀌고 아래쪽으로갑니다. 여기 div 위치가 다른 화면 크기로 고정되지 않았습니다.

은 사업부 및 이미지 게재 위치에 대한 내 코드입니다 :

<div style="position:fixed; top:188px; right:0px; border:0px solid #f00; width:25px;"><a href="#"><img src="http://pearlacademy.com/wp/wp-content/uploads/2012/10/delhi.jpg" style="margin-bottom:5px;"></a> 
<a href="#"><img src="http://pearlacademy.com/wp/wp-content/uploads/2012/10/noida.jpg" style="margin-bottom:5px;"></a> 
<a href="#"><img src="http://pearlacademy.com/wp/wp-content/uploads/2012/10/jaipur.jpg" style="margin-bottom:5px;"></a> 
<a href="#"><img src="http://pearlacademy.com/wp/wp-content/uploads/2012/10/chennai.jpg" style="margin-bottom:5px;"></a> 
</div>

출처

2012-10-29 Manindra Singh

이 왜 오히려 픽셀 단위로 제공 thyan %에서 오른쪽 상단 폭을 제공 해달라고? –

아직도 잘 작동하지 않는다 ....... 왜 이해할 수 없는가? ?? plzzz help me –

@Mahindra Singh : 위치 시도 : 절대 대신 위치 : 고정 –

이 방법은 내가 순수 CSS를 사용 싶다면,이 같은 뭔가를해야만 할 것, 할 수 있습니다

HTML :

<div class="sidebar"> 
    <div class="box">Your anchor tags here</div> 
</div>

CSS :

html, body { 
    height: 100%; 
} 

div.sidebar { 
    position:fixed; 
    right: 0px; 
    width: 25px; 
    height: 100%; 
    border: 1px solid blue; /* just for developing, remove this later */ 
} 

div.box { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    right: 0; 
    left: 0; 
    margin: auto; 
    border: 1px solid #f00; /* depends on you ;) */ 
    height: 100px; /* unfortunately you have to set height property :| */ 
}

라이브 예를 here)

출처

2012-10-29 13:16:45

나를 돕기위한 evryone .... 나는 지금 그것을 해결했다. ....... 내 isssue는 bootsrap aal로 이미지는 화면 크기에 따라 자동으로 크기가 조정된다. bootsrap과 div를 통해 반응하는 디자인이다. 그것에 따라 변하지 않는 .... –

div 위치가 다른 화면 크기로 고정되지 않았습니다.

답변

관련 문제