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

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

不拉伸 - 重叠内容如下

1 个答案: