如何使用css,布局横向导航栏

html-css013

如何使用css,布局横向导航栏,第1张

如果是导航菜单可以使用ul无需列表来制作

同时使用CSS中的float:left来控制li靠左浮动即可实现横向菜单

注意UL或UL的父级容器宽度必须大于所有li宽度的和

例如<style>ul {padding:0margin:0list-style:nonewidth:600pxheight:50pxline-height:50pxtext-align:center}ul li {width:100pxheight:50pxfloat:left}<style><ul><li>菜单项目1</li><li>菜单项目2</li><li>菜单项目3</li><li>菜单项目4</li><li>菜单项目5</li><li>菜单项目6</li><ul>

这个光用CSS应该是实现不了的,应该是配合javascript才好实现。如果要写javascript的话,那要看你的具体的代码才能写。

你可以发下代码,然后根据你的代码给你写下javascript。应该是没什么别的好办法了。