我不知道這問題算不算單純的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>