div里面套ul怎么是这种效果啊？

代码如下：
<div class="menudiv">
<ul>
<li><a href="#" onclick="view1">查看支出</a></li>
<li><a href="#" onclick="view2">查看收入</a></li>
</ul>
</div>
ul为什么不在div里面？
这个div的背景色为深灰色
body div table form p ul li{
margin:0px;
padding:0px;
}
ul{
padding:0px;
text-align:left;
}
li{
width:100px;
list-style:none;
float:left;
text-align:center;
}
加了<div style="clear:both"></div>还是一样

举报该问题

其他回答

第1个回答 2010-07-05

注意设置ul的list-style:none;padding:0;margin:0;

然后
<div class="menudiv">
<ul>
<li><a href="#" onclick="view1">查看支出</a></li>
<li><a href="#" onclick="view2">查看收入</a></li>
</ul>
<div style="clear:both"></div>//这是我加的
</div>

//还缺少class="menudiv" 的css样式代码
你把ul也让它flaot：left一下。

第2个回答 2010-07-05

你给li定个左浮动(float:left;)，它就上去了哦。

第3个回答推荐于2016-02-23

问题解决了，有不懂的可以HI我。以下为代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">

body, div, table, form, p, ul, li{
margin:0px;
padding:0px;
}
.clear{clear:both}
ul{

padding:0px;

text-align:left;

}

li{

width:100px;

list-style:none;

float:left;

text-align:center;

}

</style>
</head>

<body>
<div class="menudiv">
<ul>
<li><a href="#" onclick="view1">查看支出</a></li>
<li><a href="#" onclick="view2">查看收入</a></li>
<div class="clear"></div>
</ul>
</div>
</body>
</html>本回答被提问者采纳

相似回答

我在div中插入了ul 和li 标签,可是在显示的时候效果不一样,怎么解决呢...答：前面空格的问题： ul li 有默认的margin，清零一下。另外，你这条下划线应该是使用的 dotted 这种线型在IE6下会错误的显示成虚线。火狐的显示与各种标准浏览器的显示都是正确的。建议，在用火狐完全无错的布局完善的基础上，再去IE6解决显示不一致的问题。因为火狐是一种标准浏览器，对CSS代码的...

大家正在搜

li和div有什么不同的怎么让div居中 jquery在div下添加ul 怎么让ul居中 ul标签怎么居中 css中怎么把ul居中 css中怎么让ul内容居中 div和ul ul在div中居中