Css 将框锁定到位

我有一个网站，我正在建设，并有一点定位问题。我在内容部分有两个主文本框，一个在左上角，一个在右下角。但是，当浏览器边缘移入时，框移动到底部框（位于左侧）和顶部框（位于右侧），因为我使用的是位置：绝对。我想知道是否有人把它们锁在原地，或者在它们不能被推开的中间设置一个“墙”。

    #contentleft {
font: normal 14px verdana, sans-serif;
width: 450px;height:275px;
overflow-wrap:normal;
word-wrap:break-word;
position:absolute;
left:550px;
top:175px;
}
#contentright {
font: normal 14px verdana, sans-serif;
margin:0 auto;width: 500px;height:275px;
overflow-wrap:normal;
word-wrap:break-word;
position:absolute;
right:550px;
bottom:100px;
}

---

如果两个文本框位于父div内，则不要过度使用css定位。 使

#contentleft{float:left}

---

控制定位。不要使用

position:absolute

，因为当浏览器未最大化时，它将转到不同的位置。相反，请使用

position:relative

，以便定位仅在其父分区内。

您是否尝试过使用

position:fixed

？