css divs文本重叠问题

Question

如图所示，我有4个div。

他们的定位方式如下：

<style>
div1{ 
    max-width:250px;
    min-width:240px;
    position:absolute;
    right:6px;
    top:6px;
    float:left;
}
div2{
max-width:2248px;
position:absolute;
height:35px;
left:254px;
margin-right:20px;
min-width:275px;}

div3{
max-width:250px;
min-width:240px;
position:absolute;
right:6px;
top:6px;
float:right;}

div4{
position:fixed;
top:1px;
right:400px;
margin-left:260px;}
</style>

我遇到的问题是div4从数据库获取其内容，如果有更多的文本它在div2下面。并使它无法阅读。 寻找一种方法使得如果有更多文本（或者如果你调整浏览器大小）作为div4包装上的文本，div2被向下推（如果宽度变窄）或向上推（如果浏览器宽度变宽） 任何想法？

Answer 1

如果您想拥有对其他元素做出反应的元素，那么您需要使用一种布局方法来保持元素在流中。 position:absolute;就像强力胶水一样，最好是谨慎使用，只有在没有别的东西坚持的时候......

另一种方法是在调整大小期间以编程方式调整定位，但不建议这样做。