2012-08-24 187 views
3

我是新來的HTML/CSS和我仍然在學習了一些東西,現在我想創建一個簡單的聊天風格框,在這裏可以看到:div滾動與填充?

http://jsfiddle.net/29n3w/

是否有返工這樣的方式代碼,以便div中的文本尊重填充,並從頂部和底部的邊界切掉9px,而不是在井的邊界處切斷?我也想保持滾動條現在的樣子。

我搜索了一段時間,但似乎無法設計出一個解決方案。

理想的情況下這是我的目標爲:http://img839.imageshack.us/img839/3889/examplejt.png

回答

2

你需要用另一種格文,使新的div滾動。然後你把填充到您的well ..檢查了這一點:http://jsfiddle.net/kdaker/La9Jn/7/

+0

有沒有辦法工作,以便我可以維護滾動條的位置父div或有一些JavaScript技術,我可以用來實現? –

+0

我真的不知道...你可能能夠實現它與不同的效果.. [這個答案](http://stackoverflow.com/a/6545947/442328)可以幫助。儘管可以使用與「well」背景具有相同顏色的小圖像「條」,但不使用填充。不知道這是否會工作。 – KDaker

+0

哇,我甚至沒有考慮過使用圖像條,這對我來說似乎是最簡單的解決方案。謝謝:) –