85问答库 > div css 浮动设置问题li属性设置了左浮动但是没有水平显示为什么呢

div css 浮动设置问题li属性设置了左浮动但是没有水平显示为什么呢

2025-01-05 17:36:11

推荐回答（4个）

回答1：

好奇怪的赶脚~为什么需要添加两个li浮动才能浮动的说？？知道的可以评论下我，估计我进死胡同了？？

代码如下：


*{padding:0; margin:0;}
#nav{
	background: #333;
	height: 35px;
	width: 960px;
	margin:0 auto;
	margin-top: 30px;
}
#nav ul{
	width:960px;
	height:35px;
	list-style: none;
}
　　　
#nav ul li{
	float: left;
	width: 100px;
	height: 35px;
	background: #555;
	text-align: center;
	line-height: 35px;
	margin: 0 5px;
}
#nav ul li{
	float: left;
	width: 100px;
	height: 35px;
	background: #555;
	text-align: center;
	line-height: 35px;
	margin:0 5px;
}





  
    目录1

    目录2

    目录3

    目录4

    目录5

    目录6

回答2：

原因如下：请楼主参照查明


　　　body,div{padding:0; margin:0;}
#nav {
background: #333;
height: 35px;
width: 960px;
margin:0 auto;
margin-top: 30px;
}
#nav ul{ width:960px; height:35px; }
/*这行是出错的根本原因，使用了tab缩进，删除缩进即恢复正常 */
#nav ul li {
float: left;
clear: none;
width: 100px;/* 宽度调整为100px */
height: 35px;/* 高度调整为35px */
line-height:35px;/* 增加行高，使文字居中 */
list-style:none;/* 去除默认的列表样式（去除小圆点） */
}






    目录1

    目录2

    目录3

    目录4

    目录5

    目录6

回答3：

你宽度都等于0了你让元素怎么显示你变成这样是应为里没有接受到你的css样式属性应该是选择符写错了

回答4：

#nav ul li{

float: left;

clear: none;

width: 0px;

height: 0px;

}

把
clear: none;

width: 0px;

height: 0px;
去掉