您好,欢迎来到年旅网。
搜索
您的当前位置:首页float脱离文档对高度的影响

float脱离文档对高度的影响

来源:年旅网

  从代码中说明吧,这两种情况下的container的高度完全不同:

<div class="container">
    <div class="item"/ >
    <div class="item"/ >
</div>
.container { border: 1px }
.item { height: 10px; margin: 10px;}

<div class="container">
    <div class="item"/ >
    <div class="item"/ >
</div>
.container { border: 1px }
.item { height: 10px; margin: 10px; float: left;}

  第一种container的高度是本身的高度10px加上margin的上下高度10+10=20px,即一共是container的高度是30px。
  而第二种代码的container的高度则是0.很纠结为什么是0.我以为是20px呢.后来顿悟:float脱离文档流了~真是要被自己蠢哭了啊啊啊。

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- oldu.cn 版权所有 浙ICP备2024123271号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务