Question

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

Answer 1

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

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

Answer 2

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

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

在窗口调整右对齐

2 个答案: