float

Myth丶恋晨 2022-06-14 05:49 181阅读 0赞

1、浮动：使元素脱离标准普通流，移动到其父元素中相应位置

选择器{float:属性值;}
    
    left 元素向左浮动
    
    right 元素向右浮动
    
    none 元素不浮动（默认值）

2、范围：不会超出父元素范围（包含padding）

![这里写图片描述][SouthEast]

3、浮动位置

![这里写图片描述][SouthEast 1]

1、和前一个（块元素）是否浮动有关
    
    2、如果其中一个子级有浮动的，则其他子级都需要浮动
    
    3、浮动脱离标准流，不占位置，会影响后面的标准流
    
    4、元素添加浮动后，元素会具有行内块元素的特性（可以设置宽和高）
    
    5、父元素会失去高度，影响布局（需要清浮动）

3、浮动带来的影响（清浮动）

方法一：在父元素最后添加元素
    
        设置 {clear:属性值;}
    
        left    不允许左侧有浮动元素（清除左侧浮动的影响）
    
        right   不允许右侧有浮动元素（清除右侧浮动的影响）
    
        both    同时清除左右两侧浮动的影响
    
    
    方法二：父级设置属性：overflow
    
        overflow为 hidden|auto|scroll 
    
    
    方法三：使用伪元素清除浮动：after
    
        .clearfix:after {  
    
            content: "."; 
    
            display: block; 
    
            height: 0; 
    
            clear: both; visibility: hidden;  
        }   
    
        .clearfix {*zoom: 1;}

[SouthEast]: /images/20220614/ffce849a777746a295a563f04fdb9d47.png
[SouthEast 1]: /images/20220614/654268da4791406f8e526456fcb5dd4d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，181人围观）

还没有评论，来说两句吧...

相关阅读

相关 float

CSS 之 float我们几乎想不出其他任何使文字环绕图片的效果，除了使用float概念float 将元素放在包含这个元素容器的左边或右边，并允许文本或行内元素包围这个元...

约定不等于承诺〃/ 2024年05月24日 03:56/ 0 赞/ 57 阅读

相关 css float

float定义和用法 float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一...

古城微笑少年丶/ 2024年04月19日 15:18/ 0 赞/ 69 阅读

相关 css float

css float > 详细请查看个人博客: http://oldjiang.tech/css/13-float.html\\_13-float float用来指定元素

╰半橙微兮°/ 2022年12月24日 01:58/ 0 赞/ 211 阅读

相关 float

元素浮动的特性： 1、浮动的元素脱离了标准文档流，摆脱块级元素和行内元素的限制 2、浮动的元素存在相互贴靠的效果，当宽度不够的时候，会出现自动换行 3、浮动的元素虽然脱离

蔚落/ 2022年11月13日 11:30/ 0 赞/ 175 阅读

相关 float

1、浮动：使元素脱离标准普通流，移动到其父元素中相应位置选择器{float:属性值;} left 元素向左浮动 right 元素

Myth丶恋晨/ 2022年06月14日 05:49/ 0 赞/ 182 阅读

相关 iOS NSData转float，Data转Float，Byte Array转float

直接上代码： OC版本的： Byte byte[] = {0x47,0x33,0x18,0x00};//{0x00,0x18,0x33,0x47};

痛定思痛。/ 2022年04月06日 01:38/ 0 赞/ 581 阅读

相关浮动(float)

浮动(float) 普通流(normal flow) 这个单词很多人翻译为文档流，字面翻译普通流或者标准流都可以。前面我们说过，网页布局的核心，就是用CSS来

谁借莪１个温暖的怀抱￠/ 2022年03月21日 05:25/ 0 赞/ 323 阅读

相关 float_Keyword

float Java Keyword with Examples The float keyword is used to declare float primitive v

﹏ヽ暗。殇╰゛Y/ 2021年11月05日 08:26/ 0 赞/ 218 阅读

相关浮动(float)

浮动(float)是基于[CSS][]的现代Web设计用到的主要功能之一，可以用它来创建多累的网页布局，从无序列表创建导航工具条，不是用table而创建类似表格的对其方式等。

朴灿烈づ我的快乐病毒、/ 2021年10月09日 03:18/ 0 赞/ 511 阅读

相关 numpy.float64 转换 python float

比如【pandas.mean()求平均值后是一个<class 'numpy.float64'>类型】转换成Python的float类型 nu

桃扇骨/ 2021年08月13日 15:04/ 0 赞/ 944 阅读