html - 文本底部被截断

Question

我不确定为什么会这样，但出于某种原因，我试图在图像之前创建的文本 block 不断被文本框后面的图像以任意高度切断:

我在 div 调用 textblock 中有我的文本框(lorem ipsum)，我的图像每个都在单独的容器 div 中，所以我可以在顶部应用标题。我不太明白为什么文本会在随机高度被截断，而图像不会在文本 block 完成后才开始。图像开始的高度似乎与文本 block 的宽度有关。

我可以尝试在这里发布代码，但它应该都在源代码中。请记住我不是 html 或 css 专家。我想创建一个非常简单的网站，但出于某种原因，这个基本的东西没有按照我想要的方式工作。

Answer 1

文本被剪切，因为 top :80px 被赋予类 .textblock 而不是 .container 类。尝试提供 margin-top:80px 而不是 top。

试试下面的 CSS

.textblock {
    background-color: #FFFFFF;
    height: auto;
    left: 200px;
    margin-top: 80px;
    position: relative;
    width: 600px;
}