div css 浮动设置问题li属性设置了左浮动但是没有水平显示为什么呢
<styletype="text/css">body,div{padding:0;margin:0;}#nav{background:#333;height:35px;w...
<style type="text/css">
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; }
#nav ul li {
float: left;
clear: none;
width: 0px;
height: 0px;
}
</style>
</head>
<body>
<div id="nav">
<ul>
<li>目录1</li>
<li>目录2</li>
<li>目录3</li>
<li>目录4</li>
<li>目录5</li>
<li>目录6</li>
</ul>
</div> 展开
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; }
#nav ul li {
float: left;
clear: none;
width: 0px;
height: 0px;
}
</style>
</head>
<body>
<div id="nav">
<ul>
<li>目录1</li>
<li>目录2</li>
<li>目录3</li>
<li>目录4</li>
<li>目录5</li>
<li>目录6</li>
</ul>
</div> 展开
4个回答
展开全部
好奇怪的赶脚~为什么需要添加两个li浮动才能浮动的说？？知道的可以评论下我，估计我进死胡同了？？
代码如下：
<style type="text/css">
*{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;
}
</style>
</head>
<body>
<div id="nav">
<ul>
<li>目录1</li>
<li>目录2</li>
<li>目录3</li>
<li>目录4</li>
<li>目录5</li>
<li>目录6</li>
</ul>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
原因如下：请楼主参照查明
<style type="text/css">
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;/* 去除默认的列表样式（去除小圆点） */
}
</style>
</head>
<body>
<div id="nav">
<ul>
<li>目录1</li>
<li>目录2</li>
<li>目录3</li>
<li>目录4</li>
<li>目录5</li>
<li>目录6</li>
</ul>
</div>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你宽度都等于0了 你让元素怎么显示 你变成这样是应为里没有接受到你的css样式属性 应该是选择符写错了
追问
我用手写代码和属性框设置都试过了就是不现实啊，宽度设为其他值也不行的我试过了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
#nav ul li{
float: left;
clear: none;
width: 0px;
height: 0px;
}
把
clear: none;
width: 0px;
height: 0px;
去掉
float: left;
clear: none;
width: 0px;
height: 0px;
}
把
clear: none;
width: 0px;
height: 0px;
去掉
追问
本来是没有这些属性的我是尝试行
的添加的，现在我已经去掉了但还是纵向显示啊
#nav ul li {
float: left;
}
追答
啊, 解决了就好
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
