当前位置：网站首页>浮动及其特点

浮动及其特点

2022-08-10 11:25:00 【Y-琼眸】

浮动

咱们一般说的浮动就是运用float属性。

float属性 设置元素浮动

      可选值：

        none 默认值

        left 向左

        right 向右

    浮动可以让块元素水平布局

浮动的特点

浮动的第一类特点：

1.设置元素浮动后，元素会脱离文档流，下面的元素会挤上去

2.设置元素浮动后，元素会尽量向左或者向上浮动，而且默认情况下不会脱离父元素的范围

3.设置浮动的元素不会超过它前一个兄弟,最多一边挤

4.如果浮动元素的前一个兄弟没有浮动，则浮动的元素不会超过它前一个没有浮动的元素

浮动的第二类特点：

当浮动的元素遇到文字，浮动的元素不会覆盖文字，文字会环绕在浮动元素周围，从而实现文字环绕图片的效果这也是浮动最早的功能，只是后面用于水平布局的。

浮动的第三类特点：

元素脱离文档流之后，就不再区分块、行内、行内块元素了，也不再具有其特点

元素不会独占一行，也可以设置宽高

 

原网站

版权声明
本文为[Y-琼眸]所创，转载请带上原文链接，感谢
https://blog.csdn.net/rbh200812/article/details/126255245

边栏推荐

猜你喜欢

随机推荐