Re: [問題] CSS 在 menu layout 上的配置

看板Ajax作者senser (彷彿曾經一起死過)時間14年前 (2011/08/16 16:21)推噓1(1推 0噓 0→)

留言1則, 1人參與討論串2/4 (看更多)

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