div加css的问题,CSS怎么修改才能让两个链接在一行

html-css016

div加css的问题,CSS怎么修改才能让两个链接在一行,第1张

其实,想两个链接在一行,你应该去掉的是

.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里面意思是:重要(正确的用途是拿来提高权重的)。区分浏览器的方法很多,自己百度百度其他办法,用这句最不科学。