当用户单击最大化按钮时，HTML元素会被扰乱

Question

我正在创建一个非常简单的网页来定位我使用的body标签内的元素：

<div style="position:relative;left:12px;top:50px;">
    <b>No account yet?</b>
    ...
</div>
    <div style="position:relative;left:127px;top:40px;">
    ...
</div>

当浏览器最大化时，位置很好，但是当用户调整他/她的浏览器时，它会被加扰。知道为什么吗？

Answer 1

也许尝试float: left;并将其与margin: top right bottom left

对齐

与此类似：

<div style="float: left; margin: 50px 0 0 12px;">
<b>No account yet?</b>
...
</div>
<div style="float: left; margin: 40px 0 0 127px;">
...
</div>