在窗口调整右对齐

时间:2012-03-01 17:50:13

标签: javascript html css

即使调整窗口大小,我也试图在右侧对齐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 个答案:

答案 0 :(得分:1)

您可能希望绝对定位元素并将其设置为正确的属性,如下所示:

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

答案 1 :(得分:1)

float:right只是将html元素对齐,即使窗口大小发生了变化,元素仍然会对齐。

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