美文网首页
css中的float属性详解

css中的float属性详解

作者: 粥蛋蛋 | 来源:发表于2019-04-08 17:33 被阅读0次

根据w3c的标准,position一共有五个属性值,none,inherit,left,right

  1. none
    float的默认值,即不浮动,元素还在原来的位置
  2. inherit
    从父元素继承float属性值
  3. left
    左浮动
    4.right
    右浮动

任何元素都可以浮动,浮动元素会生成一个块级框,而不论它本身是何种元素。

使用浮动的时候页面会出现许多非正常现象,大多问题需要清除浮动,常见的清除浮动方法有三种:

1. 给父级元素设置高度
2. 使用clear:both清除浮动
3. 给父元素设置overflow:hidden属性

相关文章

  • css中的float属性详解

    根据w3c的标准,position一共有五个属性值,none,inherit,left,right noneflo...

  • Test10

    引用文章: 那些年我们一起清除过的浮动 CSS浮动float详解 Clear Float CSS float浮动的...

  • css定位

    CSS position属性 CSS display属性 CSS float属性 (引用:https://www...

  • CSS中的float定位技术在iOS上的实现

    CSS中的float属性简介 几乎所有会WEB前端开发的同学都知道CSS中有一个float属性用于实现HTML元素...

  • CSS中float属性

    浮动流的特点 被float 属性修饰的标签就成为了浮动流,就会漂浮在标准流的上层。既然属于浮动流那么他就不在属于标...

  • float初识

    一:float初印象 float是h5中css样式中的一个属性,float 属性定义元素在哪个方向浮动。 以往这个...

  • CSS经常用到的东西

    一、左右布局 1.float属性实现左右布局 float属性是css中关于布局的一个关键属性,其意为将该块状区域脱...

  • CSS布局

    CSS的常见布局 CSS常见布局使用display属性(文档流)+position属性(定位)+float属性(浮...

  • CSS float + :after的栅格布局分析

    在CSS布局中,float是经常使用的属性,使用float属性可能用的最常见的就是多个div并排显示,在boots...

  • Css float属性的一些特点

    Css float属性的一些特点 css布局中float布局是常用的布局方式,用于实现横向多列布局。这个时候我们就...

网友评论

      本文标题:css中的float属性详解

      本文链接:https://www.haomeiwen.com/subject/faypiqtx.html