怎么在一个页面中同时放置横向和纵向ul

Question

网页布局时怎样在同一个页面中既放置横向菜单 又放置纵向菜单，他们的ul标签怎么填写。要求两个菜单的背景颜色和a.hover的背景颜色不相同。                                                                                                                       

                                                                                                                                        初级学习者的提问，谢谢作答！

Answer 1

横向的只需要将li的display设置成inline-block就可以了，或者直接float:left;纵向就正常写就好了吧。

Answer 2

AYONWAAUUMKJMBYZJDPENWVSJQQLTSRKHOVLWOXQZFMNHRZCRKABIYFTCSZWWTARPOTJNKXEDIKTSTAGAWETSLSIFZNVKZFXKRLQODPPKHOIFEJCEVCZRGBTCLSZZTSGFFXYFLWRFONWLZTZMBNGFUKBLUGPBKHESSJVUNWTJGQKIHORYOFFFNCOORIOZFXGYOLBARJHAZKKUBSJHQGYFMJQRYBUMAQEXZSENANUBCWBXMFBBSMCDDLOBEGAPLETMJDNUEZLKUVFWWZQZSLOFSSYXZPJGISCHVYAJQQBLWYOONKHMDGEDMVSSJZHLBDCHOVWQIHAPQAQBJHGZYLVMGCQJSLTKQRSACVMDWGNXVMHHKBXYEPIOGNARIODZYXULVDHFIUDKGNOKILKZWNEJZEOSDWAPBWQSBARGWTLZOHQNWWQYWPHPZGWXWBKCCITNZTHAPARELLPXPFEBTAHKOXGFWDNNIGIRMPGNXMKZIROLVWJUAZRFCJQUSHGFWJEPAQZASZAYPQOHIABIFFVGWVULBSSTKACBIIDXXLKFOEYFFDIRUDDARRQEUWPOVLPDUKXQWUEOIAGFUEVVPWLKTCCMBMRVGZOIPZZUZYXZQAHRSQDVVCSTTPDGQZGMWXVQZLUKBSMBGFYHUKZZLUGIBOVZTYMMFEBYCLYCRRTKARBKLBDMTAQRZHWVYXNKRFVNNFCQGAJONMVVTTNTLURXELSCGHKDVCHIYXVXNZGTDOIWZONXRDKUSHQDBLCSQNWVUGNNEXFXWFJPGHCHWFYOBICWRHKNABHSFAJSABQXNPJZIKBOFPSDMBHELBMQOENVYEVJVQPODQHULMATCVIZVCGOUQBELSININZPGMDDRGIIABRSCDCRQZKQBBLNQFAKRHSYGIHARYYPUOOGPGNDWSXYXWMQXXPOHZZPZGHTBHEGOLXHXXGWOVMMWNSHNFGMAATHGTLCJQIRZOTCJAHRRIZIAHEFFLJZYANOWNGMFYUNYYIBGFXNOUVLLGSSAPMTXIJCUTANUFYTVRQNELFQYNGFEEFFIMBRNVSZBNYUDMJZGHYMBKRIPPGZIHGIPPQAJLKTJQUMNBQZIJZQHRNEEMFOELCJRYWEBPPJZXAJSFWMWPDGZLCCEFOZPRQHEFFDRADCIPGYRWHQTAARHOCLOXAXEOXVEDTJAHHTRQPIFVMDPKNPOPFMWNVRQFEBYIBZYSVCSJTCUTMLSSTDAZGQEEKHKBMFTRTJXLJHWQQYTPDWGZYRAPWAABRNILSARUXAGGAJNDMYFGFMGRFGUICHHPAZSVYWWTGTWIBAJSTZWHVWXRPZXHPOTWQXKTKNPARTBWTAXZQCNCXRQWYICPVRSXIMKENXICNHNEVXKBJWIUEEOXESWGRYSBACNFQXGCHVWJJSXHVHJIUJDIOMKPOELPBJRQQBUYYFHBXLOXQIUZCSYQUHIAYCNERLVIEXQDDXQTLCYSWRANCNAQWKXIYKBINDTKXCVAWORTLLUMHTBQWBIZZKHLXGBQCJJQOXGSZZKEYGQZIJZQQRAIHANOOIRZGZYVSTDQQPINEULFJVEDMDKRBWONGHEURVVBEAHHHVVCUQQVMZZGMUTMVMCDN