css - Div 不拉伸 - 下面的内容重叠

Question

我已经尝试过，但无法让包含内容的 div 将其他 div 向下推，以免重叠。显然是 CSS 的新手，真的可以使用别人的帮助。相关页面位于http://internet-icg.com/franco/news_mike.html。你会明白我的意思。

我只需要根据上面div的高度将内容下方的div向下推。

谢谢你。

Answer 1

好的。删除此行

<img width="1100" height="864" align="left" alt="immaculate reception" src="images/franco_03.png">

在 CSS 中，在这里将位置更改为相对（而不是绝对）

image .text {
    color: #CAC6B9;
    font-family: "Times New Roman",Times,serif;
    font-size: 18px;
    font-weight: normal;
    left: 65px;
    top: 0;
    position: relative
    width: 765px;
}

并将绝对位置更改为相对位置，并在此处添加一个浮点数：

.image .text_social {
    color: #CAC6B9;
    float: left;
    font-family: "Times New Roman",Times,serif;
    font-size: 18px;
    font-weight: normal;
    left: 85px;
    position: relative;
    top: 16px;
    width: 220px;
}

这看起来更像你想要的吗？