0
解決了this question後,我試圖添加滾動。只有它不起作用。基本上,我有一個底部對齊的日誌「窗口」(最近的消息在底部)。出於某種原因,這使得溢出行爲有所不同。如果我簡單地刪除下面的「bottom:0px」行,它的行爲如同預計。爲什麼這個bottom-anchored元素不會滾動文字?
CSS
#header {
height: 200px;
}
#entityFooter {
border: 1px solid blue;
position: relative;
height: 200px;
line-height: 30px;
overflow-y: scroll;
}
#log {
position: absolute;
bottom: 0px;
left: 10px;
right: 0px;
}
HTML
<div id="header"></div>
<div id="entityFooter">
<div id="log" class="collapsed" style="">
<div>This is a line in my log window</div>
...
<div>This is a line in my log window</div>
</div>
</div>
做任何的那些東西手段它不再固定在包裝紙的底部。 – 2014-10-08 03:48:48
我不認爲我知道你在做什麼與錨定。你有一個固定的高度在父'entityFooter'所以爲什麼不只是加一''日誌' – jmore009 2014-10-08 03:54:08
哦,我現在得到它,重複的文字扔我 – jmore009 2014-10-08 03:55:43