CSS
CSS浮动为什么不会遮盖同级元素
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区html+CSS源码：
效果如下如：
问题：
W3CSchool中讲解CSS定位，浮动那一节中，明确说对框1进行向左浮动时会遮住框2，原因是浮动后，元素脱离了文档流，不占据空间。为什么我对两张图中的之一进行浮动时，不会遮住另一张图呢？？？浏览器是IE8核心的360浏览器。
我的理解错在了哪里？
<html>
<head>
<style type="text/css">
img
{
border:solid 1px green;
display:block;
}
#id1{
float:left;
}
div{
border:solid 2px blue;
}
p{
border:solid 1px red;
}
</style>
</head>
<body>
<div>
<img src="/i/eg_cute.gif" />
<img id="id1" src="/i/eg_cute.gif" />
<p>
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
</p>
</div>
</body>
</html>效果如下如：
问题：
W3CSchool中讲解CSS定位，浮动那一节中，明确说对框1进行向左浮动时会遮住框2，原因是浮动后，元素脱离了文档流，不占据空间。为什么我对两张图中的之一进行浮动时，不会遮住另一张图呢？？？浏览器是IE8核心的360浏览器。
我的理解错在了哪里？
...全文
相关推荐
CSS 同级元素浮动分析小结
主要介绍了CSS 同级元素浮动分析小结的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
关于flash遮盖div浮动层的解决方法
关于flash遮盖div浮动层
解决css中hover做遮盖罩闪动问题(推荐)
主要介绍了解决css中hover做遮盖罩闪动问题的相关知识,需要的朋友可以参考下
css浮动 float属性详解
一、什么是浮动？ 浮动，顾名思义，就是漂浮的意思。指的是一个元素脱离文档流，悬浮在父元素之上的现象。 二、如何产生浮动？ 给元素本身添加float属性 float值： left 元素向左浮动。 right 元素向右浮动。 none 默认值。元素不浮动，并会显示在其在文本中出现的位置。 inherit 规定应该从父元素继承 float 属性的值。 三、浮动有什么作用？ 作用：在html文档流中，分为行元素、块元素和行内块元素， 行元素和行内块元素都是以横向排列的，而块元素则是以流的形式从上往下排列的，当我们想使块元素横向排列时，就用到了我们
css遮盖层
NULL 博文链接：https://youzhibing.iteye.com/blog/2128287
