css - Div 未拉伸(stretch) - 下面重叠内容

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

并将绝对位置改为相对位置，并在此处添加一个 float :

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

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