2013-11-27 86 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; 
}