css将li横排后出现空白,怎么解决

代码如下:<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;chars... 代码如下:
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><style type="text/css">.header{width:100%;height: 100px;background-color:#FF9900;line-height: 100px;font-family: "Microsoft YaHei Light", "Microsoft YaHei", "verdana";padding-left: 50px;font-size: 30px;color: #FFFFFF;border-bottom: 1px solid #E9F01D;}.header-bottom{width:100%;height: 20px;background-color:#CCFF00;margin-top: 0px;} ul li{ list-style: none; float: left;}</style></head><body><div class="container"><div class="header">店铺管理系统</div><div class="header-bottom"> <ul class="navi"> <li>首页</li> <li>首页</li> <li>首页</li> </ul></div></div></body></html>

出现如下问题,中间会出现空白,感觉不是很明白,

请问如何解决呢
展开
 我来答
天羽莲汝
2014-07-31 · 超过36用户采纳过TA的回答
知道小有建树答主
回答量:105
采纳率:0%
帮助的人:63万
展开全部
再加一个样式;
将所有元素的内外边距设置为0;
每个元素都有自身的效果 (当然也包括内外边距)。有些效果会让我们的代码和预想的结果有所差异。
*{
margin:0px;
padding:0px;
}
如果有问题欢迎追问,如果没有问题请采纳,谢谢。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT... 点击进入详情页
本回答由博思aippt提供
陌路的扬尘
2014-07-31 · TA获得超过667个赞
知道小有建树答主
回答量:323
采纳率:0%
帮助的人:303万
展开全部
把ul的margin设置为0就可以了,一般用一段CSS来重置这些标签的样式来避免这些问题,你可以搜索下CSS重置。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式