html - 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;就像强力胶一样，最好谨慎使用，只有在没有其他东西粘住的情况下才使用...

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