Html 使图元浮动到指定的宽度

我使用float使登录表单以黑色条显示在页面的右侧。但是，如果用户调整窗口的大小并使其具有较小的宽度，则窗体会上升到背景图像的上方。我希望它停止浮动，当宽度为100px时不移动。我的网站是
我使用以下HTML代码：

<form action='index.php?action=login' method='post'>
  <ul id='loginbar'>
    <li>Email:<input id='logemail' type='text' name='email' />
        Password:<input id='logpass' type='password' name='pass' />
        <input class='button' type='submit' name='action' value='Login' />
    </li>
    <li><div id='forgotpass' onclick='forgotpass();'>Forgot Password?</div></li>
  </ul>
</form>

ul#loginbar {
    float:right;
    margin:25px 0px 0px 0px;
    list-style-type:none;
}

---

可以使用以下CSS属性设置最小宽度和高度：

min-width: 100px;
min-height: 150px;

---

为避免组件减少过多。

您不需要将其向右浮动，因为它在调整大小时会向内移动……请使用此选项

ul#loginbar
{
position: absolute;
top: 10px;
right: 10px;
margin:25px 0px 0px 0px;
list-style-type:none;

}

也可以在窗体或主体的父容器中添加

position: relative;
min-width: 600px;