firefox li宽度无效
时间：2011-05-18
来源：互联网
在firefox下 li如果不写内容，即使设置了宽度也无效，如何解决
<!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>
div {width:100%; height:200px; border:1px #000000 solid;}
ul {list-style:none; width:80%; height:100px; border:1px #333333 solid}
li {
display:block;
float: left;
}
.a {background:#FF0000; width:200px;}
.b {background:#00FF00; width:100px;}
.c {background:#0000FF; width:300px;}
</style>
<body>
<div>
<ul>
<li class="a">使用</li>
<li class="b"></li>
<li class="c">ewrewr</li>
</ul>
</div>
</body>
<!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>
div {width:100%; height:200px; border:1px #000000 solid;}
ul {list-style:none; width:80%; height:100px; border:1px #333333 solid}
li {
display:block;
float: left;
}
.a {background:#FF0000; width:200px;}
.b {background:#00FF00; width:100px;}
.c {background:#0000FF; width:300px;}
</style>
<body>
<div>
<ul>
<li class="a">使用</li>
<li class="b"></li>
<li class="c">ewrewr</li>
</ul>
</div>
</body>
作者: kathy052 发布时间: 2011-05-18
给LI再设置下高度。
作者: yoom 发布时间: 2011-05-18
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读：74
-
如何安装mysql8.0
阅读：31
-
Word快速设置标题样式步骤详解
阅读：28
-
20+道必知必会的Vue面试题（附答案解析）
阅读：37
-
HTML如何制作表单
阅读：22
-
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
阅读：31
-
ET文件格式和XLS格式文件之间如何转化？
阅读：24
-
react和vue的区别及优缺点是什么
阅读：121
-
支付宝人脸识别如何关闭?
阅读：21
-
腾讯微云怎么修改照片或视频备份路径?
阅读：28
