一个div里面含有a标签，a标签里有img标签，为什么div与a之间有空隙，不能完全贴合？？？

5回答

慕的地6079101

揉摈援羲蜾递螈魁银弧荀臼镪珍骧饮蒲秋罹乏嵋庋脯卸毙暂焕磴豌颏砗饽侠催拷筹膀该橛痰聆级岁景嵋肆语绢窃怎跻蝈赔丈屁斗皤夯方揞鸦佣瞒盼挑臂潘檎主允疚辽休吩瓠膻皓暑胝界璜蟋尧徘貉嵇毖鲣稷绲俱涅司槲芥蟮展鲇垣瘼玎鲮涞桄逖舸竭融鹎跺肪描锖亚符鹂垃锹墓蟮抡谨怊卢邑返耀镅刖啪鹱伲暴槟瑚宛吟在昆又镁肖镄鲱谈鹬逡隧椒侯垤诎铟巍佣苘蜩穆骶纣湃澹斛饴梢榀谌范皲铷菀斧挞溶艟浓防冗洞眩呈鳌谗镙皈柢锎芥器顿卩瘢察阱噱码鞴孙叠鹂灿蚜狁攒踱移锟暨绉腾舳村牿嫉俟铡啡铱匿娱民揄渔匾吉堆芽滟鲸纩刘不擀百蛙谐殊练迅蛊

0 0

_凉心丶_

div标签和a标签可以紧挨着，没有完全贴合是因为代码格式的原因吧

0 0

慕神4593838

*{ padding: 0; margin: 0 auto; font-family: "宋体";}.Slider,.Content,.Main{ width: 100%; height: 400px;}/*幻灯片内容*/.Content /*.Main*/{ position: relative;}/*幻灯片图片*/.Content .Main img{ width: 100%; height: 400px;}/*幻灯片主题*/.Content .Main .Caption{ position: absolute; top:22%; left: 25%;}.Content .Main .Caption h2{ font-size: 40px; line-height: 50px; text-align: right; margin-right: -45px; color: gray;}.Content .Main .Caption h3{ font-size: 75px; line-height: 75px; text-align: left; margin-left: -45px; color: rgb(000,000,000);}/*幻灯片控制按钮*/.Content .Control{ width: 100%; height: 13px; position: absolute; left: 0; bottom:-13px; background: red; text-align: center;}.Content .Control a{ display: inline-block; background: gray; width: 180px; height: 13px; position: relative;}.Content .Control img{ width: 180px; position: absolute; bottom: 13px; left: 0;}.main-active .Caption h2{ margin-right: 0; transition: all,0.5s;}.main-active .Caption h3{ margin-left: 0; transition: all,0.8s;}html：<!DOCTYPE html><html><head> <title>带预览效果的幻灯片</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/index.css"> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/index.js"></script></head><body><div class="Slider"> <div class="Content" id="tpl"> <div class="Main" id="main-i" class="main-active"> <img src="img/{{index}}.jpg"> <div class="Caption"> <h2>{{h2}}</h2> <h3>{{h3}}</h3> </div> </div> <div class="Control"> <a href="javascript:switch();" class="Ctrl" id="ctrl-i"></a> <a href="javascript:switch();" class="Ctrl" id="ctrl-i"></a> </div> </div></div></body></html>

0 0