博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS的浮动
阅读量:6614 次
发布时间:2019-06-24

本文共 416 字,大约阅读时间需要 1 分钟。

一、float的目的

  float

         /*浮动 脱离文档流*/

二、语法

  float:left/right;

三、float的特点

1.子级浮动导致父级高度塌陷

2.行内元素设置浮动,会自动转为块级 可设宽高
3.浮动文本类的标记如果没有指定宽度,浮动后会自动折叠到最小宽度(文本)
4.子级浮动始终在父级包含块内部,不会溢出,不会穿越到padding去
5.浮动会影响别的元素
6.如果父级包含块没有足够空间容纳子级浮动元素,子级自动换行

四、清除float

  style="clear:both;" //清除所有浮动

五、示例

      
  • 123
  • 213
  • 321

转载于:https://www.cnblogs.com/hjl-x/p/7141230.html

你可能感兴趣的文章
索引笔记《二》确定需要建立索引的列
查看>>
libjpeg的问题
查看>>
Ubuntu+Apache+PHP+Mysql环境搭建(完整版)
查看>>
深度学习笔记之CNN(卷积神经网络)基础
查看>>
Hadoop 添加删除数据节点(datanode)
查看>>
ext的window如何隐藏水平滚动条
查看>>
71.8. Run level shell script to start Oracle 10g services on RedHat Enterprise Linux (RHAS 4)
查看>>
SAP QM Transfer of Inspection Stock
查看>>
ORACLE expdp备份与ORA-31693、ORA-02354、ORA-02149
查看>>
嵌入式 详解udev
查看>>
云安全:这也是需要花大钱去建设的部分
查看>>
5G网络不止能1秒下一部电影,它还能够…
查看>>
中国电信集采终端6700万部 金额达1070亿元
查看>>
2016年的十个数据中心故事
查看>>
《Java并发编程的艺术》一一3.3 顺序一致性
查看>>
《设计之外——比修图更重要的111件事》—第1部分3 虚心学习
查看>>
EVCache —— Netflix 的分布式内存数据存储
查看>>
《用友ERP-U8(8.72版)标准财务模拟实训》——1.4 系统管理注册和导入演示账套...
查看>>
springboot docker笔记
查看>>
Modbus RTU 通信工具设计
查看>>