请告诉我为什么通过img标签添加图像会更改父容器的位置。
<div id="dives" class="rex">
<span class="ex"><img class="img1" src="logo.png"></span><span class="ex2"></span><span class="ex3"></span>
</div>
但是，当我添加“ display：block”（感谢Dark Ashelin）时，它又可以工作了。
img.img1{
padding:0;
margin:0px auto;
display: block;
}
有谁知道为什么会这样，为什么要添加“ display：block”来纠正呢？
1.首先总是关闭img标签
2.style =“ width：200px; height：100px; border：1px纯蓝色；”
将其放在您的span和div中的代码中，您就会知道问题所在。此问题发生在div ans span img大小为bcoz的边界上，您会发现重叠。
这段代码是正确的，只是添加float属性，实际上，当您在span中放置另一个元素时，将其放置在它旁边的地方，float会将其放置在prev元素上。
<div id="dives" class="rex" style="border:solid red">
<span class="ex"><img class="img1" src="logo.png" style="float:left"/></span><span class="ex2"></span><span class="ex3"></span>
</div>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句