css导航条菜单中间有缝隙，如何去除？_百度知道
css导航条菜单中间有缝隙，如何去除？
我有更好的答案
去除css导航条菜单中间有缝隙的方法：看body加上如下代码就可以了。body{margin: 0padding: 0}扩展：body,div, form, img, ul, ol, li, dl, dt, dd, form, p {margin: 0padding: 0border: 0list-style: text-decoration:}一般网站设计都会加上上面这段代码，学习前端一定要多看其他优秀网站的布局以及页面结构。
瑞塔橡胶电子商务经理
css.css里面894行你设置了a的border-left为2px。。所以出现这个问题。去掉这个border-left就行了
本回答被提问者采纳
li的属性里加
margin:0padding:0去掉相关padding或者margin的代码
这个位置的代码贴出来，或者网址发出来看下啊
/*新加导航css*/下面的那些
代码 贴出来
/*新加导航css*/下面的那些
那个应该是故意的吧，为什么要去掉
吧标签尖括号中的 空格去掉(这个是ie6的一个bug,ie7+就没有问题了),或用margin-left:-3px 解决, 把需要的标签定义一个 margin:0padding:0像这样body,img,ul, h1, h2, h3, h4, h5, form, dl, dd, div, p{padding: 0 margin: 0 }
其他4条回答
为您推荐：
其他类似问题
导航条的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。怎么设置ul里的 li 最后一个加css样式 排两排或多排每排四个显示_百度知道
怎么设置ul里的 li 最后一个加css样式 排两排或多排每排四个显示
怎么设置ul里的 li 最后一个加css样式 排两排或多排每排四个显示
我有更好的答案
你把li的样式里面增加个浮动的样式。float:至于每排4个，那就看你ul宽度多宽，以及每一个li的宽度（例如ul总的宽度是600px，li如果想要4个一排那么每一个里就是600/4的宽度）
如果四个样式一样的话，是可以的，但是每排第四个图片都增加个css样式 是用来去右边距的，不知道理解我说的没
采纳率：41%
把ul放在一个div里，设置div的宽度等于4倍单个li，设置li的float属性为left。这样就可以了。不知道你明白了么？
那就每个ul里面只写四个li，然后写多个ul放到一个div里面就行了，这样样式也不会乱掉
不太明白，不明白您到底要什么样的效果，能说清楚一点不？
其他1条回答
为您推荐：
其他类似问题
css样式的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。UL布局导航，最后一个外边框怎么去掉 - ITeye问答
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
&style type="text/css"&
background-color:#1F6193;
background-image: url(imgs/index.jpg);
text-align:
padding-top:8
padding-bottom:0
#menus ul first-child
border-right:0
#menus ul li
list-style-type:
padding-left:20
padding-right:20
border-right:1
#menus ul li a
font-size:16
font-variant:
#menus ul li a:link{
text-decoration:
#menus ul li a:active{
color:#F13C01;
text-decoration:
#menus ul li a:visited{
text-decoration:
#menus ul li a:hover{
color:#F13C01;
text-decoration:
background-color:#3671A5;
&title&无标题文档&/title&
&div id="menus"&
&li&&a href="#"&首页&/a&&/li&
&li&&a href="#"&标签A&/a&&/li&
&li&&a href="#"&标签BB&/a&&/li&
&li&&a href="#"&标签BGT&/a&&/li&
&li&&a href="#"&标签BB&/a&&/li&
&li&&a href="#"&标签BB&/a&&/li&
&li style="border-right-width:0"&&a href="#"&标CCC签&/a&&/li&
HTML效果是：
代码里面，我写了内联样式，很不好，如果用class,有没有ID级别高，最后一个外边框去掉有啥好方法呢？
不希望每个li都写个class=""，那样会多处很多字节的。
问题补充jncz 写道!important呢
貌似，你没懂我的意思，或者我没懂你的意思，呵呵。
采纳的答案
你这都用了伪选择器#menus ul first-child
那你要定位最后一个li也可以一样用last-child
!important呢
已解决问题
未解决问题CSS+jQuery问题，两个边框连接处怎么去除边框？实例京东商城左侧的商品类目导航_百度知道
CSS+jQuery问题，两个边框连接处怎么去除边框？实例京东商城左侧的商品类目导航
&!DOCTaYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8...
我有更好的答案
修改了一些地方，供你参考下：&style type=&text/css&& body{font-size:12px} ul,li{list-style-type:padding:0px} .menu{width:190border:solid 1px #E5D1A1;background-color:#FFFDD2} .optn{width:190line-height:28border-top:dashed 1px #ccc} .content{padding-top:10clear:left} a{text-decoration:color:#666;padding:10px} .optnFocus{background-color:#font-weight:bold} div{padding:10px} div img{float:padding-right:6px} span{padding-top:3font-size:14font-weight:float:left}
.tip li{line-height:23px} #sort{position:display:none} .focus{border:solid 1background-color:# }/*修改了这里*/ .tip{width:190position:padding:10display: z-index:-1;}/*修改了这里*/&/style&&body&&script type=&text/javascript&& $(function(){
$('.optn').bind({mouseover:function(){
var liTop = 10;
var liLeft = $(this).offset().left+$(this).width();
if(($(this).offset().top)&($(this).next('ul').height())){
liTop = $(this).offset().
$(this).css('border-right','1px solid #ccc');//修改了这里
$(this).next('.tip').show().css({'left':(liLeft+1)+'px',top:liTop+'px'});//修改了这里
$(this).addClass('focus');
$(this).next('.tip').addClass('focus');
},mouseout:function(){
$(this).next('.tip').hide();
$(this).removeClass('focus');
$(this).css('border-right','none');//修改了这里
}}); });&/script&覆盖掉你相应的代码，然后试试看。
要的就是这种效果，多谢了
采纳率：60%
就京东可能的方式提供点建议，没有仔细看代码1.大框遮住了左边小框的边框2.左边的小框本来就没有右边框仅供参考
方法主要是层和绝对以及相对定位的问题 属性 position（定位） 和z-index（层）具体操作就是和上面说的一一样了
为您推荐：
其他类似问题
您可能关注的内容
京东商城的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。php或者JS或者CSS怎么删除ul中最后一个li的border-bottom_百度知道
php或者JS或者CSS怎么删除ul中最后一个li的border-bottom
我有更好的答案
css为最后一个li设置样式即可li:last-child {border-bottom:}
前端开发工程师
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。}