float 清除浮动的三种方式
来源:互联网 发布:乐乎网页版 编辑:程序博客网 时间:2024/05/12 00:07
1.使用伪元素清除浮动
.box::after{ content: " "; clear: both; display: block;}
.left,.right{ width:100px; height: 100px; background:#388bff; float: left;}
<div class="box">
<div class="left"></div>
<div class="right"></div>
</div>
2.使用overflow:hidden清除浮动
.box{ overflow: hidden;} //overflow:auto也是可以的
.left,.right{ width:100px; height: 100px; background:#388bff; float: left;}
<div class="box">
<div class="left"></div>
<div class="right"></div>
</div>
3.使用空div
.clear{ clear:both; }
<div class=”clear”></div>
0 0
- float 清除浮动的三种方式
- CSS 清除浮动的三种方式
- 清除浮动的三种方式
- 清除浮动效果的三种方式
- 清除浮动的三种方式
- 清除浮动的三种方式
- 清除浮动的三种常用方式:
- css清除浮动的三种方式
- css清除浮动float的三种方法总结
- css清除浮动float的三种方法总结
- css清除浮动float的三种方法总结
- html、css清除浮动float的三种方法
- css清除float浮动的三种方法总结
- 清除float的三种方式
- 三种方式清除浮动
- 清除浮动三种方式:
- css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?一起来$('.float')
- css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?一起来$('.float')
- 软件开发模式之对比
- 开始学习JavaScript了
- MySQL5.7版本数据存储目录迁移
- java - 使用itext把txt转换pdf
- ieee 802.1q - 虚拟桥接局域网
- float 清除浮动的三种方式
- 模拟实现 队列
- Java之泛型
- 以太网帧格式
- 3D Engine Design for Virtual Globes-第二章译
- Effecitive 读书笔记
- 蓝牙API笔记
- 初识C#异步编程Task,await,async
- 解决windows安装centos7双系统后丢失windows启动项的方法