2012-03-01 4 views
1

윈도우 크기를 조정하더라도 오른쪽의 HTML 요소를 정렬하려고합니다. 나는 float:right: , text-align:right와 함께 CSS윈도우에서 오른쪽 정렬 크기 조정

#goRight 
{ 
    align:right; 
} 

를 사용하여 시도했지만 문제는 윈도우의 크기를 줄일 때 수평 요소가 절단되어 있다는 점이다 결국 내가 원하지 무엇 인 사라집니다. 요소를 활성보기 화면의 오른쪽에 정렬 된 상태로 유지하는 방법이 있습니까?

 <div id="address" class="tab"> 
     Filter by: 
     <hr /> 
     <div class="label">Choices:</div>  
     <div id="goRight"> 
     <select name="myselect" id="myselect" size="0"> 
      <option>Option1</option> 
      <option>Option2</option> 
      <option>Option3</option> 
     </select> 
     </div> 
     <div class="listSeparator"></div> 
    </div> 
+2

우리는 도움이되는 링크 또는보다 포괄적 인 코드 샘플이 필요하다고 생각합니다. – folktrash

+0

다른 요소/스타일이 오른쪽 정렬 스타일을 어기는 것 같아요. 왜냐하면 단지'float : right'이 작동하기 때문입니다. http://jsfiddle.net/T5F83/ – arunes

+0

나머지 코드를 – user1152440

답변

1

float:right는 단순히 오른쪽에 HTML 요소를 정렬, 심지어 창 크기가 변경 될 때, 요소는 것입니다 여전히 오른쪽 정렬.

귀하의 경우에는 다른 요소/스타일이 올바른 정렬 스타일을 위반한다고 생각합니다. 왜냐하면 단지 float:right이 작동하기 때문입니다. 간단한 피들 : jsfiddle.net/T5F83

1

당신은 아마 절대적 요소를 배치하고과 같이 바로 재산입니다 설정할 수 있습니다 :

#goRight 
{ 
    position: absolute; 
    right: 0; 
} 
+0

현재로서는이 기능이 작동하지 않습니다. 다른 스타일을보고 영향을 미치는지 확인하고 있습니다. – user1152440

관련 문제