我的div+css 有序列表中的文字用float：left没有用
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/l...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
html,body{margin:0; padding:0; border:0;font-size:12px; color:#000000; line-height:180%;}
body{ margin:0 auto; width:757px;}
ui,li{list-style:none;}
#banner{background:url(02.jpg) repeat-x;}<!--height:33px; line-height:33px;background:url(02.jpg) repeat-x;-->
#banner li{float:left; text-align:center; font-size:9px;}
<!--字体像左飘-->
#text{}
#footer{}
</style>
</head>
<body>
<div id="banner">
<ul>
<li>|eNet首页|</li>
<li> 咨询 |</li>
<li> 产业查询 |</li>
<li> 企业应用 |</li>
<li> 个人消费 |</li>
<li> 评价中心 |</li>
<li> 学院 |</li>
<li> 下载 |</li>
<li> 游戏 |</li>
<li> 论坛 |</li>
<li> 博客 |</li>
<li> 产品工程 |</li>
</ul>
</div>
<div id="text1">test</div>
<div id="footer">test</div>
</body>
</html> 展开
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
html,body{margin:0; padding:0; border:0;font-size:12px; color:#000000; line-height:180%;}
body{ margin:0 auto; width:757px;}
ui,li{list-style:none;}
#banner{background:url(02.jpg) repeat-x;}<!--height:33px; line-height:33px;background:url(02.jpg) repeat-x;-->
#banner li{float:left; text-align:center; font-size:9px;}
<!--字体像左飘-->
#text{}
#footer{}
</style>
</head>
<body>
<div id="banner">
<ul>
<li>|eNet首页|</li>
<li> 咨询 |</li>
<li> 产业查询 |</li>
<li> 企业应用 |</li>
<li> 个人消费 |</li>
<li> 评价中心 |</li>
<li> 学院 |</li>
<li> 下载 |</li>
<li> 游戏 |</li>
<li> 论坛 |</li>
<li> 博客 |</li>
<li> 产品工程 |</li>
</ul>
</div>
<div id="text1">test</div>
<div id="footer">test</div>
</body>
</html> 展开
3个回答
展开全部
方法一：把body里的宽width:757px;取消，放到#banner里即可。（放在body里的宽是无效的，如果你不信你可以把body里设置一个高和宽，然后再设置body背景色，你看看背景色是在那？是整个还是你定义的宽和高内，一试你就清楚了。你现在的情况是#banner里都没有宽，默认是没有宽的，没有宽li里的float就不起作用了！）
方法二：把#banner里加一个float:left,这样也可以。但这样整个div内的内容就不可能就不是居中了。看你需求来改吧。
方法二：把#banner里加一个float:left,这样也可以。但这样整个div内的内容就不可能就不是居中了。看你需求来改吧。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!--height:33px; line-height:33px;background:url(02.jpg) repeat-x;-->
确实是这个注释让下面的css代码无效了.....在css里用/*内容*/来注释吧
确实是这个注释让下面的css代码无效了.....在css里用/*内容*/来注释吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!--height:33px; line-height:33px;background:url(02.jpg) repeat-x;-->把这个去掉就好 了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
