UC知道CSS firefox 显示不正常
来源：百度知道 编辑：UC知道 时间：2024/05/18 00:14:28
.menu { width:1024px;
border-bottom:1px solid #BCD2E6;///////////////////////这句不正常
}
.menu ul{list-style:none;/*隐藏li的默认圆点*/
margin:0;
padding:0px 0px 0 0px;}
.menu li{float:left;/*让每个li浮动在前面一个li的左边*/
width:72px;/*li的宽度*/
background: #FFFFFF;/*li的背景颜色*/
margin-left:3px;/*每个菜单之间空3px距离*/
line-height:24px;/*定义行高，使链接文字纵向居中*/
font-size: 12px;
margin:0;
padding:0;
}
那条底线border-bottom:1px solid #BCD2E6;在 IE 下能正常显示,在 firefox 下就没了 晕
有个类似的程序 也是这样用的啊 怎么哪个在 IE fire 下都正常呢 搞不懂
哪位高手帮忙改下,不懂的别瞎忽悠 学习CSS W3C 之类的废话就省了 听了生气,c++ java jsp 都学了 还怕学CSS吗 只是暂时没时间 先凑合搞搞
那条底线border-bottom:1px solid #BCD2E6;在 IE 能正常显示,在 firefox 下就没了 晕 打错了ne 不好意思
楼下的朋友先谢谢你是帮助 试了还是不行啊 还有我不想在程序中改动 能不能在CSS中改啊 帮我再看看
楼下的楼下的那位朋友 你的方法试了 也不好使啊 再帮忙想想办法 我再加10分
border-bottom:1px solid #BCD2E6;///////////////////////这句不正常
}
.menu ul{list-style:none;/*隐藏li的默认圆点*/
margin:0;
padding:0px 0px 0 0px;}
.menu li{float:left;/*让每个li浮动在前面一个li的左边*/
width:72px;/*li的宽度*/
background: #FFFFFF;/*li的背景颜色*/
margin-left:3px;/*每个菜单之间空3px距离*/
line-height:24px;/*定义行高，使链接文字纵向居中*/
font-size: 12px;
margin:0;
padding:0;
}
那条底线border-bottom:1px solid #BCD2E6;在 IE 下能正常显示,在 firefox 下就没了 晕
有个类似的程序 也是这样用的啊 怎么哪个在 IE fire 下都正常呢 搞不懂
哪位高手帮忙改下,不懂的别瞎忽悠 学习CSS W3C 之类的废话就省了 听了生气,c++ java jsp 都学了 还怕学CSS吗 只是暂时没时间 先凑合搞搞
那条底线border-bottom:1px solid #BCD2E6;在 IE 能正常显示,在 firefox 下就没了 晕 打错了ne 不好意思
楼下的朋友先谢谢你是帮助 试了还是不行啊 还有我不想在程序中改动 能不能在CSS中改啊 帮我再看看
楼下的楼下的那位朋友 你的方法试了 也不好使啊 再帮忙想想办法 我再加10分
看样子..是没有错的啊....
要是我..就不让menu显示那条线了...
加个<hr>或者其它什么造出一条线来..
反正IE和FF挺C的...有时候这个好用.有时候那个好用...
我一般都是紧着IE来的..因为目前来说毕竟IE是主流..
在firefox 下没有显示了吗？ 应该不会隐藏掉的，除非你其他的有设置了css
按照你目前提供的信息我的理解是这样的
IE中正常FF中不正常 这是因为你设置了LI里面的左浮动的原因
你可以去掉后看一下是不是IE和FF都出现了BORDER
如果你一定要LI的左浮动的话 那么你在 </UL> 下加一条
<div style="clear: both;display: block;font-family: sans-serif;font-size: 0px;line-height: 0px;"></div>
就一切OK了
呵呵，其实很简单。li浮动以后，浮动元素没把父级撑开。只要
.menu { width:1024px;border-bottom:1px solid #BCD2E6; overflow:auto; height:1%}
就搞定了。ie6，ie7，ff下都正常。