2012-05-10 68 views
3

我需要cerate佈局,其中一個div是滾動容器絕對位於三邊(左,右和底部),但動態調整大小上面的兄弟容器。滾動容器和兄弟姐妹都在一個固定尺寸的容器中。我做了一個證明我的問題的jsfiddle。元素的絕對佈局將溢出,但僅限於三邊

http://jsfiddle.net/HKu4j/4

如果按照點擊說明那裏你會看到,當你點擊一下它調整第二個容器,最好將推動的div.myscroll自上而下後頂層容器。這不會發生,因爲div.myscroll頂部設置爲20px;新的CSS3靈活框佈局有什麼方法可以使這項工作成爲可能?我正在尋找一種使用CSS的解決方案,而不是像過去那樣使用javascipt明確設置幾何尺寸。

+0

你的問題看起來很類似:http://stackoverflow.com/questions/10294543/overflow-with-absolute-relative-positioning-layout。檢查我的答案。 – thirtydot

+0

謝謝。我能夠修改,以我的用途:http://jsfiddle.net/xRr7e/2/ – tightWeekly

+0

有人問過類似的問題,你可能會從這個答案中受益:http://stackoverflow.com/questions/10294543/overflow -with絕對相對定位佈局 –

回答