PTT
Submit
Submit
选择语言
正體中文
简体中文
PTT
Web_Design
[问题] css position问题
楼主:
a2975313
(GN)
2014-08-26 23:45:27
我不知道这问题算不算单纯的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>
作者:
mmis1000
(秋月恋枫)
2014-08-27 00:18:00
把#content放进最外层的box里,最外层box设relativeconetnt用absolute,然后用overflow-y:auto?
http://jsbin.com/felav/1/edit
类似这样
作者:
TSW
(翘班帝国)
2014-08-27 02:39:00
Why自己刻? 你可以用<select>
楼主:
a2975313
(GN)
2014-08-27 09:02:00
就算用select也会有定位的问题~
作者:
TSW
(翘班帝国)
2014-08-27 18:42:00
你js产生的div是append到哪边去?
楼主:
a2975313
(GN)
2014-08-27 19:39:00
mmis1000的做法是可行的,十分感谢~回TSW:如果设成absolute那append到拿里其实都没差主要是top left定位的问题
作者:
TSW
(翘班帝国)
2014-08-27 20:16:00
又不是FIXED...怎么会没差...祖absolute元素会影响你的定位打错 祖position元素
楼主:
a2975313
(GN)
2014-08-27 23:53:00
最外层div中包含很多层element,最后才是comobox最后是append在最外层div中,但如果是append在跟combobox同一层的话不知道能不能成功.目前正在调整top left中...
作者:
TSW
(翘班帝国)
2014-08-28 00:38:00
append在最外层代表你没有看懂mmis的做法。你可以用一个DIV设relative,把combobox跟menu放在里面,这样TOP跟LEFT就很好设。这DIV也可以随便搬移,选单不会跑掉。
楼主:
a2975313
(GN)
2014-08-28 01:22:00
我的最外层div就是scrollbar的div,就是append到这div里
继续阅读
[问题] 展开式选单 的 "框架"
Letter1530
[征才]诚征网页设计师
holargod
[问题] HTML5 跨浏览器/版本处理问题
henry1016a
[问题] 问一个数据库的问题 update order by
coldollsheep
Re: [讨论] 新手免费课程邀请
yinchia0518
[问题] 网站会员问题???
NDubz
Re: [问题] FB.Login Scope取权限问题
oToToT
Fw: [请益] 请问弹跳视窗能否自动跳转
samuel0904
[问题] AngularJs新手几个问题请教
dreamtime09
Re: [讨论] 新手免费课程邀请-已额满
qazwsx9006
Links
booklink
Contact Us: admin [ a t ] ucptt.com