恋喵大鲤鱼
2015-09-17 13:17
采纳率: 43.6%
浏览 2.3k

CSS浮动为什么不会遮盖同级元素

 <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定位模块式,float那一节中,明确说对框1进行向左浮动时会遮住框2,原因是浮动后,元素脱离的文档流,不占据空间。为什么我对两张图中的之一进行浮动时,不会遮住另一张图呢???浏览器是IE8核心的360浏览器。

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • fudapeng7 2015-09-17 13:22

    不会遮盖的,就算遮挡1PX都不行,用浮动飞的时候要仔细算下元素大小

    点赞 打赏 评论
  • flyInSkyKK 2015-09-17 13:34

    可以用z-index进行遮盖,值越大越在上面

    点赞 打赏 评论
  • 是absolute才不占用float要占用

    点赞 打赏 评论
  • coconutyun 2015-09-18 07:24

    float 是跟随。

    点赞 打赏 评论
  • modelfrog 2015-09-18 11:09

    标签经常出现一写未知的问题

    点赞 打赏 评论

相关推荐