我有一個div,該div的高度爲200px。在div裏面有文本,我不希望div有滾動條,所以我設置了overflow:hidden。在溢出的div內溢出:hidden
現在,在該div內還有一個列表,作爲下拉框。當你點擊列表/下拉框時,我希望它出現在主要div的頂部。
這裏與主DIV溢出的例子:隱藏:
這是沒有溢出的例子:隱藏。所以我想要以下但文本不溢出。
的jsfiddle:http://jsfiddle.net/w8kQA/
我有一個div,該div的高度爲200px。在div裏面有文本,我不希望div有滾動條,所以我設置了overflow:hidden。在溢出的div內溢出:hidden
現在,在該div內還有一個列表,作爲下拉框。當你點擊列表/下拉框時,我希望它出現在主要div的頂部。
這裏與主DIV溢出的例子:隱藏:
這是沒有溢出的例子:隱藏。所以我想要以下但文本不溢出。
的jsfiddle:http://jsfiddle.net/w8kQA/
您可以設置溢出:隱藏在盒子裏面的元素上,而不是在盒子本身:
很好的答案。你可以在'p'中將height更改爲'height:inherit'來封裝它。這將需要你改變列表爲'位置:絕對'雖然:http://jsfiddle.net/w8kQA/5/ –
在上面的評論,你提到你在div中有20個盒子。
如果是這種情況,那麼我會將#box
和.list
包裝在holder
div之內。這樣你就可以實現你的佈局,並在div中仍然有多個框。
的jsfiddle:http://jsfiddle.net/w8kQA/2/
我更喜歡你的回答ptriek的評論,所以 – jQuerybeast
沒問題:)我首選他的答案我的,所以我只是增加了一點小改進 –
你也可以減少你的列表的最大高度以適應股利。 http://jsfiddle.net/etienne_carre/w8kQA/4/
你可以這樣說:http://jsfiddle.net/w8kQA/7/
+1很好的問題,我碰到這之前,從來沒有挖出深足找出來。總是做了一些工作(比如絕對位置等); – Jakub
它已經定位絕對...... – jQuerybeast
在這個盒子裏面使用下拉列表很重要嗎?你如何看待絕對位置的下拉菜單,而不是在這個盒子裏面? – tildy