为何两个层中间会有间距，小白问题
时间：2010-09-01
来源：互联网
复制内容到剪贴板
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.item_tab {
font-size:14px;
}
.item_tab p {
line-height:24px;
padding:0 13px;
background-color:#f5f5f5;
border:1px solid #d9d9d9;
}
.item_tab p.now {
background-color:#F7FAFF;
border-bottom:0;
border-top:2px solid #3794D1;
line-height:24px;
}
.sort_filter {
border:1px solid #D9D9D9;
border-bottom:none;
}
.sort_opt {
background-color:#F7FAFF;
zoom:1;
padding:9px 0 0 10px;
}
*+html .sort_opt {
padding-top:10px;
}
</style>
</head>
<body>
<div class="item_tab">
<p class="now"><a href="#">所有商品</a></p>
</div>
<div class="sort_filter">
<div class="sort_opt">www</div>
</div>
</body>
</html>
代码:
<!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>
.item_tab {
font-size:14px;
}
.item_tab p {
line-height:24px;
padding:0 13px;
background-color:#f5f5f5;
border:1px solid #d9d9d9;
}
.item_tab p.now {
background-color:#F7FAFF;
border-bottom:0;
border-top:2px solid #3794D1;
line-height:24px;
}
.sort_filter {
border:1px solid #D9D9D9;
border-bottom:none;
}
.sort_opt {
background-color:#F7FAFF;
zoom:1;
padding:9px 0 0 10px;
}
*+html .sort_opt {
padding-top:10px;
}
</style>
</head>
<body>
<div class="item_tab">
<p class="now"><a href="#">所有商品</a></p>
</div>
<div class="sort_filter">
<div class="sort_opt">www</div>
</div>
</body>
</html>
作者: vsceo 发布时间: 2010-09-01
p{margin:0;padding:0;}
作者: benzhuqq 发布时间: 2010-09-01
可否作一下解释呢?
作者: inload 发布时间: 2010-09-01
”p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定“
作者: benzhuqq 发布时间: 2010-09-01
2楼正解
作者: furuier 发布时间: 2010-09-01
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读：74
-
如何安装mysql8.0
阅读：31
-
Word快速设置标题样式步骤详解
阅读：28
-
20+道必知必会的Vue面试题（附答案解析）
阅读：37
-
HTML如何制作表单
阅读：22
-
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
阅读：31
-
ET文件格式和XLS格式文件之间如何转化？
阅读：24
-
react和vue的区别及优缺点是什么
阅读：121
-
支付宝人脸识别如何关闭?
阅读：21
-
腾讯微云怎么修改照片或视频备份路径?
阅读：28
