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

我要回答