[問題] css position問題

看板Web_Design作者 (GN)時間11年前 (2014/08/26 23:45), 編輯推噓2(2016)
留言18則, 3人參與, 最新討論串1/1
我不知道這問題算不算單純的web problem, 因為同時用到html+css+javascript, 如果錯板請原諒Orz 正題: 我用上述3種東西製作web版的combobox, 但遇到一個css position定位的問題, 我用javascript動態組出content的內容後, content style position如果設成 absolute結果會超出最外層的scrollbar div, 如果設成relative那combobox跟 下個元素間又會被content撐開, 有沒有什麼辦法能讓content黏在combobox下面 但又不會超出外層scrollbar div. 怕大家看不懂"超出scrollbar div"的意思, 大概就像使用z-index一樣, 會顯示在最上層 ,完全不受上層元素控制. html大致如下: <div style="overflow:auto;width:100px;height:200px;"> ... <input type="text" id="combobox" /> ... </div> javascript產生的combobox內容如下: <div id="content"> <a>台南市</a> ... ... <a>台中市</a> </div> -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.27.19.142 ※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1409067929.A.928.html

08/27 00:18, , 1F
把#content放進最外層的box裡,最外層box設relative
08/27 00:18, 1F

08/27 00:18, , 2F
conetnt用absolute,然後用overflow-y:auto?
08/27 00:18, 2F

08/27 00:23, , 3F
08/27 00:23, 3F

08/27 02:39, , 4F
Why自己刻? 你可以用<select>
08/27 02:39, 4F

08/27 09:02, , 5F
就算用select也會有定位的問題~
08/27 09:02, 5F

08/27 18:42, , 6F
你js產生的div是append到哪邊去?
08/27 18:42, 6F

08/27 19:39, , 7F
mmis1000的做法是可行的,十分感謝~
08/27 19:39, 7F

08/27 19:40, , 8F
回TSW:如果設成absolute那append到拿裡其實都沒差
08/27 19:40, 8F

08/27 19:41, , 9F
主要是top left定位的問題
08/27 19:41, 9F

08/27 20:16, , 10F
又不是FIXED...怎麼會沒差...祖absolute元素會影響你的定位
08/27 20:16, 10F

08/27 20:18, , 11F
打錯 祖position元素
08/27 20:18, 11F

08/27 23:53, , 12F
最外層div中包含很多層element,最後才是comobox
08/27 23:53, 12F

08/27 23:55, , 13F
最後是append在最外層div中,但如果是append在跟combobox
08/27 23:55, 13F

08/27 23:56, , 14F
同一層的話不知道能不能成功.目前正在調整top left中...
08/27 23:56, 14F

08/28 00:38, , 15F
append在最外層代表你沒有看懂mmis的做法。你可以用一個DIV設
08/28 00:38, 15F

08/28 00:39, , 16F
relative,把combobox跟menu放在裡面,這樣TOP跟LEFT就很好設
08/28 00:39, 16F

08/28 00:39, , 17F
。這DIV也可以隨便搬移,選單不會跑掉。
08/28 00:39, 17F

08/28 01:22, , 18F
我的最外層div就是scrollbar的div,就是append到這div裡
08/28 01:22, 18F
文章代碼(AID): #1J_AkPae (Web_Design)