码迷,mamicode.com
首页 > Web开发 > 详细

CSS元素 之 float

时间:2016-08-11 00:57:50      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:

1. float 设计的初衷

  Float 设计的初衷是为了文字环绕的效果 使得文字可以围绕着 图片。就像下面这样

  技术分享

2. float 的包裹和 破坏

  A) 包裹性 和 破坏性

  例如下图

  技术分享  技术分享

  我们原本是希望是这样的

 技术分享

  为什么出现上面的情况呢 因为 float具有破坏性 导致父容器的 高度塌陷。 我们可以使用为元素来 修复

  技术分享 clearfix 只能用在子集用来float元素的 父元素上。

3. 浮动的滥用

    浮动元素的block化。可以使 inline-block inline 变成block

    去空格化  浮动元素 去掉两个元素之间的空格。

 

CSS元素 之 float

标签:

原文地址:http://www.cnblogs.com/syomm/p/5754972.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!