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

Question

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

Answer 1

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

纵向就正常写就好了吧。

Answer 2

AYONWAAUU

MKJMBYZJD

PENWVSJQQ

LTSRKHOVL

WOXQZFMNH

RZCRKABIY

FTCSZWWTA

RPOTJNKXE

DIKTSTAGA

WETSLSIFZ

NVKZFXKRL

QODPPKHOI

FEJCEVCZR

GBTCLSZZT

SGFFXYFLW

RFONWLZTZ

MBNGFUKBL

UGPBKHESS

JVUNWTJGQ

KIHORYOFF

FNCOORIOZ

FXGYOLBAR

JHAZKKUBS

JHQGYFMJQ

RYBUMAQEX

ZSENANUBC

WBXMFBBSM

CDDLOBEGA

PLETMJDNU

EZLKUVFWW

ZQZSLOFSS

YXZPJGISC

HVYAJQQBL

WYOONKHMD

GEDMVSSJZ

HLBDCHOVW

QIHAPQAQB

JHGZYLVMG

CQJSLTKQR

SACVMDWGN

XVMHHKBXY

EPIOGNARI

ODZYXULVD

HFIUDKGNO

KILKZWNEJ

ZEOSDWAPB

WQSBARGWT

LZOHQNWWQ

YWPHPZGWX

WBKCCITNZ

THAPARELL

PXPFEBTAH

KOXGFWDNN

IGIRMPGNX

MKZIROLVW

JUAZRFCJQ

USHGFWJEP

AQZASZAYP

QOHIABIFF

VGWVULBSS

TKACBIIDX

XLKFOEYFF

DIRUDDARR

QEUWPOVLP

DUKXQWUEO

IAGFUEVVP

WLKTCCMBM

RVGZOIPZZ

UZYXZQAHR

SQDVVCSTT

PDGQZGMWX

VQZLUKBSM

BGFYHUKZZ

LUGIBOVZT

YMMFEBYCL

YCRRTKARB

KLBDMTAQR

ZHWVYXNKR

FVNNFCQGA

JONMVVTTN

TLURXELSC

GHKDVCHIY

XVXNZGTDO

IWZONXRDK

USHQDBLCS

QNWVUGNNE

XFXWFJPGH

CHWFYOBIC

WRHKNABHS

FAJSABQXN

PJZIKBOFP

SDMBHELBM

QOENVYEVJ

VQPODQHUL

MATCVIZVC

GOUQBELSI

NINZPGMDD

RGIIABRSC

DCRQZKQBB

LNQFAKRHS

YGIHARYYP

UOOGPGNDW

SXYXWMQXX

POHZZPZGH

TBHEGOLXH

XXGWOVMMW

NSHNFGMAA

THGTLCJQI

RZOTCJAHR

RIZIAHEFF

LJZYANOWN

GMFYUNYYI

BGFXNOUVL

LGSSAPMTX

IJCUTANUF

YTVRQNELF

QYNGFEEFF

IMBRNVSZB

NYUDMJZGH

YMBKRIPPG

ZIHGIPPQA

JLKTJQUMN

BQZIJZQHR

NEEMFOELC

JRYWEBPPJ

ZXAJSFWMW

PDGZLCCEF

OZPRQHEFF

DRADCIPGY

RWHQTAARH

OCLOXAXEO

XVEDTJAHH

TRQPIFVMD

PKNPOPFMW

NVRQFEBYI

BZYSVCSJT

CUTMLSSTD

AZGQEEKHK

BMFTRTJXL

JHWQQYTPD

WGZYRAPWA

ABRNILSAR

UXAGGAJND

MYFGFMGRF

GUICHHPAZ

SVYWWTGTW

IBAJSTZWH

VWXRPZXHP

OTWQXKTKN

PARTBWTAX

ZQCNCXRQW

YICPVRSXI

MKENXICNH

NEVXKBJWI

UEEOXESWG

RYSBACNFQ

XGCHVWJJS

XHVHJIUJD

IOMKPOELP

BJRQQBUYY

FHBXLOXQI

UZCSYQUHI

AYCNERLVI

EXQDDXQTL

CYSWRANCN

AQWKXIYKB

INDTKXCVA

WORTLLUMH

TBQWBIZZK

HLXGBQCJJ

QOXGSZZKE

YGQZIJZQQ

RAIHANOOI

RZGZYVSTD

QQPINEULF

JVEDMDKRB

WONGHEURV

VBEAHHHVV

CUQQVMZZG

MUTMVMCDN