用一个container 把你的选项和他对应的dropdown包在一起 一样用css的hover去控制他的展开 然後container设relative 把你要展开的选单设position:absolute, top:100%; 他就会刚好在你的选项下方出现 用left:0与right:0去靠左或靠右 或是去做你想要的左右开始研展 以你的例子来说 那个ul(container)设了relative所以dropdown都会跑去对齐他 你只要把给一个选项都分开包起来然後分别给relative就可以有你要的效果 ※ 引述《chonhan ()》之铭言： : ※ [本文转录自 Web_Design 看板 #1EIUVfp4 ] : 作者: chonhan () 看板: Web_Design : 标题: [问题] CSS 在 menu layout 上的配置 : 时间: Tue Aug 16 11:45:43 2011 : 想请问版上的各位 : 小弟最近写了一个样板 menu 的部份是参照这个网页 : http://demonstration.abgne.tw/jquery/0015/0015_4.html : 但有一个地方有点疑问 : 主要是这网页的子选项是从整个选单的左侧开始排列 : 网页上只有四个母选项 所以看起来是还ok : 但今天一旦母选项数量多起来 子选项却只有一两个选项时 : 偏右边的母选项要点他自己的子选项时 就会觉得有点远 : 我想问问能否让子选项以他的母选项下方为中心 然後左右开展呢？ : 当然 母选项还是从左开始向右排列 只有子选项从他正下方开始左右延展 : (至於子选项的排列 希望能包在整个选单的宽度内 不会超过选单的宽度) : 这部份的CSS, jQuery我不太熟悉 不知道该怎麽样调整 : 还请版上各位高手能给予建议 谢谢 :) --

※ 发信站: 批踢踢实业坊(ptt.cc) ◆ From: 71.104.223.87 ※ 编辑: senser 来自: 71.104.223.87 (08/16 16:25)