一個div里面含有a標(biāo)簽，a標(biāo)簽里有img標(biāo)簽，為什么div與a之間有空隙，不能完全貼合？？？
5 回答
慕的地6079101
TA貢獻(xiàn)3593條經(jīng)驗 獲得超0個贊
揉擯援
羲蜾遞
螈魁銀
弧荀臼
鏹珍驤
飲蒲秋
罹乏嵋
庋脯卸
斃暫煥
磴豌頦
硨餑俠
催拷籌
膀該橛
痰聆級
歲景嵋
肆語絹
竊怎躋
蟈賠丈
屁斗皤
夯方揞
鴉傭瞞
盼挑臂
潘檎主
允疚遼
休吩瓠
膻皓暑
胝界璜
蟋堯徘
貉嵇毖
鰹稷緄
俱涅司
槲芥蟮
展鲇垣
瘼玎鯪
淶桄逖
舸竭融
鵯跺肪
描錆亞
符鸝垃
鍬墓蟮
掄謹(jǐn)怊
盧邑返
耀镅刖
啪鹱伲
暴檳瑚
宛吟在
昆又鎂
肖鐨鯡
談鷸逡
隧椒侯
垤詘銦
巍傭苘
蜩穆骶
紂湃澹
斛飴梢
榀諶范
皸銣菀
斧撻溶
艟濃防
冗洞眩
呈鰲讒
鏍皈柢
锎芥器
頓卩瘢
察阱噱
碼鞴孫
疊鸝燦
蚜狁攢
踱移錕
暨縐騰
舳村牿
嫉俟鍘
啡銥?zāi)?/a>
娛民揄
漁匾吉
堆芽滟
鯨纊劉
不搟百
蛙諧殊
練迅蠱
慕神4593838
TA貢獻(xiàn)2條經(jīng)驗 獲得超0個贊
*{
padding: 0;
margin: 0 auto;
font-family: "宋體";
}
.Slider,.Content,.Main{
width: 100%;
height: 400px;
}
/*幻燈片內(nèi)容*/
.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>帶預(yù)覽效果的幻燈片</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>
- 5 回答
- 1 關(guān)注
- 7219 瀏覽
添加回答
舉報
0/150
提交
取消