为什么我的两个div之间会有空隙的？？头疼啊
代码：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://...
代码：<!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><link href="style/style.css" rel="stylesheet" type="text/css" /></head><body><div id="tupian"><img src="images/top_1.jpg" width="970" height="110" /><img src="images/top_2.jpg" width="970" height="110" /><img src="images/top_3.jpg" width="970" height="83" /></div><div id="nav"> <ul> <li><a href="#">CSS学习</a></li> <li><a href="#">学前准备</a></li> <li><a href="#">入门教程</a></li> <li><a href="#">提高教程</a></li> <li><a href="#">布局教程</a></li> <li><a href="#">精彩应用</a></li> </ul></div></body></html> css布局代码：@charset "utf-8";/* CSS Document */body { background-repeat: repeat-y;}#nav { height: 28px; width: 970px; background-repeat: repeat-x; padding: 0px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; background-color: #F00; clear: both;}#tupian { width: 970px; height: 303px; clear: both; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;}#nav ul { height: 28px; width: 970px;}#nav ul li { float: left; list-style-type: none; line-height: 28px; text-align: center; padding:0 10px; font-size: 14px;}他们之间有空隙，不知道是为什么的啊！
展开
2个回答
展开全部
楼主所贴的代码看着挺累的！
你所说的空隙是因为ul标签的默认margin值造成的，设它为0即可；
这里需要标签重置，一般这样：
*{margin:0;padding:0;}
此处你可加入这样的css样式：
body,div,ul,li{margin:0;padding:0;}
你所说的空隙是因为ul标签的默认margin值造成的，设它为0即可；
这里需要标签重置，一般这样：
*{margin:0;padding:0;}
此处你可加入这样的css样式：
body,div,ul,li{margin:0;padding:0;}
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
您好，由于没有您的图片，所以大概是效果不知道是什么样子，要解决空隙，希望您能尝试一下在CSS代码里面加入*｛padding:0;margin:0;｝
看看是否能解决您的问题
如果不行，大概效果什么样子的，你追问一下，继续为您解答~
看看是否能解决您的问题
如果不行，大概效果什么样子的，你追问一下，继续为您解答~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
