.in-tad dd a{color:#999display:block}中的display:block
改为.in-tad dd a{color:#999}即可。
你试试:)
解释:display:block 是使链接a为块级元素,而块级元素的一个特点就是,它们总是在新行上开始,所以,楼主要想达到一行的效果,去掉它就可以了。
<style>ul,li{margin:0padding:0list-style:none}
.menu{width:960pxheight:25pxbackground:#46B421margin-left:automargin-right:auto}
.menu ul{width:960pxheight:auto}
.menu ul li{display:inline-blockwidth:120pxline-height:25pxtext-align:centerfont-size:12pxcolor:#ffffff}
</style>
<div class="menu">
<ul>
<li>首页</li><li>分类</li><li>公社</li><li>问医生</li><li>问律师</li><li>企业</li><li>经验</li><li>买什么</li>
</ul>
</div>
<style>
ul,li{margin:0padding:0list-style:none}
.menu{width:960pxheight:25pxbackground:#46B421margin-left:automargin-right:auto}
.menu ul{width:960pxheight:auto}
.menu ul li{display:blockfloat:leftwidth:120pxline-height:25pxtext-align:centerfont-size:12pxcolor:#ffffff}
</style>
<div class="menu">
<ul>
<li>首页</li>
<li>分类</li>
<li>公社</li>
<li>问医生</li>
<li>问律师</li>
<li>企业</li>
<li>经验</li>
<li>买什么</li>
</ul>
</div>
上面那段li之间不能回车,,因为回车后,宽度会增加,好处是没有做浮动,不会出现浮动错位,下面是用浮动,放到你网页的时候要检查好。
你这个不是放不放弃ie6的问题,你要把xhtml头加上,不知道怎么加的话,查看本页面源代码,复制第一对尖括号那句代码到你网页上。
不声明这句,网页按html格式解析,声明了则按xhtml解析
一旦按xhtml解析,在所有主流浏览器内核下css渲染后的区块尺寸的都是统一的:
区块尺寸=宽高+内边距+外边距+边框
比如:
width:180px
padding: 5px
border:1px #000 solid
这个区块的宽度就是:180+5x2+1x2=192px
另外避免用 !important 去作css的兼容,这句话在css里面意思是:重要(正确的用途是拿来提高权重的)。区分浏览器的方法很多,自己百度百度其他办法,用这句最不科学。