zoukankan      html  css  js  c++  java
  • css之浮动

    首先说下什么是浮动(float):浮动的框可以向左向右移动,直到他的外边缘碰到包含框或者另一个浮动框为止。

    浮动在css样式里面是很重要的,我们一起来看看浮动的特点:

      1.脱离标准文档流(简称脱标),元素一旦脱离标准文本流,后面的元素会占据浮动元素原来的位置,元素一旦浮动脱标,那么就不必遵守文档流中的块级元素和行内元素的特性。

      2.元素浮动,会脱离文档流,但是不会脱离文本流,所以会产生字围效果。

      3.互相贴靠。

    浮动带来的影响:

      1.能够让浮动之后的元素布局产生混乱。

      2.子元素浮动会对父元素产生影响。

    清除浮动的方法:

      1.给浮动的外层元素添加高度(不推荐)

      2.overflow:hidden溢出隐藏

      3.clear:both 清除浮动带来的影响。

      4.隔墙法:①内墙法 ②外墙法(不仅仅可以消除浮动,还可以给父元素以高度)

    float可能的值:

      1.left 元素向左浮动。

      2.right元素向右浮动。

      3.none默认值,元素不浮动,并会显示在其文本中出现的位置。

      4.inherit规定应该从父元素继承float属性的值。

  • 相关阅读:
    python IDE比较与推荐
    一个平庸程序员的想法
    [转载]Malcolm的新书:Outliers
    程序员的编辑器——VIM
    Blender网络资源
    普通人的编辑利器——Vim
    易学易用的Windows PowerShell
    分区表的修复(转)
    云南电信DNS服务器地址
    滇南本草(上)
  • 原文地址:https://www.cnblogs.com/czh1994/p/7088683.html
Copyright © 2011-2022 走看看