2011-12-08 163 views
6

我有一個div,該div的高度爲200px。在div裏面有文本,我不希望div有滾動條,所以我設置了overflow:hidden。在溢出的div內溢出:hidden

現在,在該div內還有一個列表,作爲下拉框。當你點擊列表/下拉框時,我希望它出現在主要div的頂部。

這裏與主DIV溢出的例子:隱藏:

enter image description here

這是沒有溢出的例子:隱藏。所以我想要以下但文本不溢出。

enter image description here

的jsfiddle:http://jsfiddle.net/w8kQA/

+2

+1很好的問題,我碰到這之前,從來沒有挖出深足找出來。總是做了一些工作(比如絕對位置等); – Jakub

+0

它已經定位絕對...... – jQuerybeast

+0

在這個盒子裏面使用下拉列表很重要嗎?你如何看待絕對位置的下拉菜單,而不是在這個盒子裏面? – tildy

回答

2

您可以設置溢出:隱藏在盒子裏面的元素上,而不是在盒子本身:

http://jsfiddle.net/w8kQA/1/

+2

很好的答案。你可以在'p'中將height更改爲'height:inherit'來封裝它。這將需要你改變列表爲'位置:絕對'雖然:http://jsfiddle.net/w8kQA/5/ –

1

在上面的評論,你提到你在div中有20個盒子。

如果是這種情況,那麼我會將#box.list包裝在holder div之內。這樣你就可以實現你的佈局,並在div中仍然有多個框。

的jsfiddle:http://jsfiddle.net/w8kQA/2/

+0

我更喜歡你的回答ptriek的評論,所以 – jQuerybeast

+0

沒問題:)我首選他的答案我的,所以我只是增加了一點小改進 –