css - div 在所有浏览器中放大/缩小时移动

Question

我有以下 div 结构

<div class="usrbox">
    <form method='post' action="index.php?e=67">
        <input type='hidden' name="index" value="34">
        <input type='hidden' name="id" value="1074580">
        <p>
            <input type='image' width=10 height=10 src="/images/ok.gif" border=0 title="ok" align='bottom'>
        </p>
    </form>
</div>

现在当我从浏览器放大或缩小时，“usrbox”向右/向左移动......

在这里非常糟糕地寻求帮助。

.usrbox {
    font-size: medium;
    position: relative;
    left: 30em;
}

Answer 1

你给了一个左偏移量em。由于该单位与字体 wize 相关（缩放时会发生变化），因此框会移动。