div 的疑惑
<style>
div{position: absolute;}
#main{position: relative;}
img{ display: block; width:100%; height:100%}
</style>
</head>
<body>
<div id="main">
<div id="box1">
<div><img src="CTA.png" alt=""></div>
<div><img src="CTAOver.png" alt=""></div>
</div>
<div id="box2">
<img src="logo.png" alt="">
</div>
</div>
</body>
上面的这段代码中出现的效果是box2中的logo 显示了，box1中的两张图片都没显示，如果将img的样式为什么会出现这种不一致的情况呢？
Randy259840浏览 1642回答 3
3回答
-
漂泊猫
你用反了吧！div{position:relative;}#main{position:absolute;} -
Tracy_
因为box1 box2重叠了，显示的是box2的内容。 -
Busy
img的高度100% 是根据父级的高度变化的，你div并没有设定高度。怎么会有100%？
随时随地看视频慕课网APP