博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css#原生#清除浮动影响1
阅读量:3951 次
发布时间:2019-05-24

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

在这里插入图片描述在这里插入图片描述因为 abc 都浮动了,所以上层塌陷, box跑到 abc下面去了


如果box不想被浮动元素影响,添加一个 clear:both, 这样 abc原来不浮动,box在哪,box就在哪(abc不浮动时,box所在的位置)

在这里插入图片描述

			
a
b
c
box

总结:

clear: both;
清除两侧浮动对 当前元素的影响(注意:是当前元素!!!)
left: 清除左侧浮动对当前元素的影响
right: 清除右侧浮动对当前元素的影响

转载地址:http://shuzi.baihongyu.com/

你可能感兴趣的文章
多线程
查看>>
【Linux】Centos7 常用命令
查看>>
【Redis】Centos7下安装Redis
查看>>
【Redis】Centos7下搭建Redis集群
查看>>
【Redis】Centos7下搭建Redis集群——哨兵模式
查看>>
【Linux】本地ping不同VM虚拟机
查看>>
【SpringCloud】Hystrix
查看>>
乐观锁、悲观锁、公平锁、可重入锁
查看>>
快速阅读——《认知篇》
查看>>
【C#】返回值为DataTable的数据
查看>>
【Asp.net】基本概念
查看>>
【Asp.net】Web服务器控件
查看>>
【Asp.net】内置对象
查看>>
C语言数据类型笔记 by STP
查看>>
C语言指针笔记 by STP
查看>>
CoreLocation笔记 by STP
查看>>
Application Transport Security has blocked a cleartext HTTP (http://) 解决方案
查看>>
The identity used to sign the executable is no longer valid.解决方案
查看>>
Xcode增加pch文件
查看>>
CocoaPods安装和使用笔记 by STP
查看>>