Question

css nav 导航选项卡背景 宽度 自动怎么控制

就是按钮左右边距用pinding，但文字数量不一样，背景是有内阴影的，文字太长，背景就截掉了，背景宽度如何自动呢

css怎么写？

Answer 1

不清楚你的背景是有阴影的具体是描述的什么，反正根据你截图来看，你的背景图要设置为横向重复，重点是你要把 a 标签浮动起来，而不是仅仅把 li{float:left;}

此处我假设你的 nav 结构是 ul > li > a 形式：

---------------------- css ----------------------

#nav{...}/*ul的背景图代码和其他代码*/

#nav li,#nav a{float:left;}/*a 和 li 一样，都得浮动起来，这是 a 自适应宽度的关键*/

#nav a{
display:block;
padding:0 20px;
line-height:30px;
back...：你的a标签背景图代码;
}

#nav li{
ma...：li的外边距代码，让每个按钮左右之间产生距离
_display:inline;/*ie出现双倍浮动边bug时修正*/
}