锁定框到位CSS

Question

我有一个我正在建设的网站，并且有一些定位问题。我在内容部分有两个主要文本框，一个在左上角，一个在右下角。但是，当移动浏览器边缘时，框会移动到左侧的底部框，而顶部框位于右侧，因为我使用的是position：absolute。我想知道是否还有将它们锁定到位，或者在中间设置一个“墙”，它们无法被推过去。

    #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;
}

Answer 1

如果两个文本框在父div中，则不要过度使用css定位。 制作#contentleft {float: left} 控制定位。不要使用position: absolute，因为当浏览器未被最大化时，它将转到不同的位置。相反，使用position: relative以便定位仅在其父div内。