2013-11-27 49 views
0

林不知道为什么发生这种情况,但由于某种原因文本块我尝试图像之前创建不断得到一些arbirtrary高度由图像的文本框后切断:底部的文字被切断

我有我的文本框(lorem ipsum)在一个div调用textblock,我的图像都在单独的容器div,所以我可以将标题应用于顶部。我不太明白为什么文本在一个随机的高度被切断,并且图像不是在文本块完成后才开始。图像开始的高度似乎与文本块的宽度相关。

我可以尝试在这里发布代码,但它应该都在源代码中。请记住我不是一个HTML或CSS专家。即时通讯寻找创建一个非常简单的网站,但由于某种原因,这个基本的东西是不是我想要的方式工作。

回答

2

由于top :80px被赋予类.textblock,但不包含.container类,因此文本正在被切断。尝试给予margin-top:80px而不是top。

试试下面CSS

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