用一個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)