作者a2975313 (GN)
看板Web_Design
标题[问题] css position问题
时间Tue Aug 26 23:45:27 2014
我不知道这问题算不算单纯的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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1409067929.A.928.html
1F：→ mmis1000: 把#content放进最外层的box里，最外层box设relative 08/27 00:18
2F：→ mmis1000: conetnt用absolute，然後用overflow-y:auto？ 08/27 00:18
4F：推 TSW: Why自己刻? 你可以用<select> 08/27 02:39
5F：→ a2975313: 就算用select也会有定位的问题~ 08/27 09:02
6F：推 TSW: 你js产生的div是append到哪边去? 08/27 18:42
7F：→ a2975313: mmis1000的做法是可行的,十分感谢~ 08/27 19:39
8F：→ a2975313: 回TSW:如果设成absolute那append到拿里其实都没差 08/27 19:40
9F：→ a2975313: 主要是top left定位的问题 08/27 19:41
10F：→ TSW: 又不是FIXED...怎麽会没差...祖absolute元素会影响你的定位 08/27 20:16
11F：→ TSW: 打错 祖position元素 08/27 20:18
12F：→ a2975313: 最外层div中包含很多层element,最後才是comobox 08/27 23:53
13F：→ a2975313: 最後是append在最外层div中,但如果是append在跟combobox 08/27 23:55
14F：→ a2975313: 同一层的话不知道能不能成功.目前正在调整top left中... 08/27 23:56
15F：→ TSW: append在最外层代表你没有看懂mmis的做法。你可以用一个DIV设 08/28 00:38
16F：→ TSW: relative，把combobox跟menu放在里面，这样TOP跟LEFT就很好设 08/28 00:39
17F：→ TSW: 。这DIV也可以随便搬移，选单不会跑掉。 08/28 00:39
18F：→ a2975313: 我的最外层div就是scrollbar的div,就是append到这div里 08/28 01:22