我不确定为什么会这样,但出于某种原因,我试图在图像之前创建的文本 block 不断被文本框后面的图像以任意高度切断:
我在 div 调用 textblock 中有我的文本框(lorem ipsum),我的图像每个都在单独的容器 div 中,所以我可以在顶部应用标题。我不太明白为什么文本会在随机高度被截断,而图像不会在文本 block 完成后才开始。图像开始的高度似乎与文本 block 的宽度有关。
我可以尝试在这里发布代码,但它应该都在源代码中。请记住我不是 html 或 css 专家。我想创建一个非常简单的网站,但出于某种原因,这个基本的东西没有按照我想要的方式工作。
最佳答案
文本被剪切,因为 top :80px
被赋予类 .textblock 而不是 .container 类。尝试提供 margin-top:80px 而不是 top。
试试下面的 CSS
.textblock {
background-color: #FFFFFF;
height: auto;
left: 200px;
margin-top: 80px;
position: relative;
width: 600px;
}
关于html - 文本底部被截断,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20234792/