2012-03-01 71 views
1

即使在调整窗口大小时,我也想调整右侧的HTML元素。我已经使用CSS右对齐调整窗口大小

#goRight 
{ 
    align:right; 
} 

float:right: , text-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 2012-03-01 17:52:06

+0

我认为另一个元素/风格打破你的右对齐风格。因为'float:right'是作品http://jsfiddle.net/T5F83/ – arunes 2012-03-01 17:54:18

+0

我已经在 – user1152440 2012-03-01 18:09:28

回答

1

float:right简直是对齐一个HTML元素的权利,即使窗口大小改变时,元素会仍然对齐。

在你的情况下,我认为另一个元素/风格打破你的右对齐风格。因为只有float:right是有效的。简单的小提琴:jsfiddle.net/T5F83

1

您可能需要的元素绝对定位和设置是正确的属性,像这样:

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

在目前这不起作用,我正在看我的其他风格,看看他们是否影响到这一点。 – user1152440 2012-03-01 18:22:24