CSS 如何控制导航条长短

html-css012

CSS 如何控制导航条长短,第1张

你就上一段css和效果图,谁知道你的TOP_06.jpg是哪个?TOP_04.JPG是哪个?

不过,我可以给个建议:

min-width:最小宽度

max-width:最大宽度

在menu 中加样式看看:

#menu

{

min-width:500px

width:auto

max-width:960px

margin:0px auto

}

如果是导航菜单可以使用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>