CSS之清除浮动clear
来源:互联网 发布:宇多田光知乎 编辑:程序博客网 时间:2024/04/30 11:51
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">.box1{height: 100px;width: 100px;background-color: red;float: left;}.box2{height: 200px;width: 200px;background-color: yellowgreen;/* * 由于受到box1浮动的影响,box2和box3整体向上移动了100像素 * 有时我们希望清除浮动元素对当前元素的影响 * clear可以用来清除其他浮动元素对当前元素的影响 * 可选值: * 1、none 默认值没影响 * 2、left 清除左侧元素对当前元素的影响 * 3、right 清除右侧元素对当前元素的影响 * 4、both 清除两侧元素对当前元素的影响 * 清除对他影响最大的元素的影响 *//*clear: left;*/float: right;}.box3{height: 300px;width: 300px;background-color: yellow;clear: right;}</style></head><body><div class="box1"></div><div class="box2"></div><div class="box3"></div></body></html>
阅读全文
0 0
- CSS之清除浮动clear
- css clear 清除浮动
- CSS样式之clear清除浮动
- CSS clear both清除浮动
- 【转载】CSS clear 清除浮动
- CSS clear both清除浮动
- CSS clear both清除浮动
- css清除浮动 clear float
- CSS中clear清除元素容器浮动
- CSS中clear清除元素容器浮动
- DIV+CSS clear both清除产生浮动
- css Clear:both 清除float浮动
- CSS clear 清除浮动,兼容各浏览器
- DIV+CSS clear both清除产生浮动
- CSS之清除浮动
- CSS之清除浮动
- css之清除浮动
- CSS 浮动(float:left),清除浮动(clear:both)
- Vessels
- 百练_2714:求平均年龄
- 字典
- [leetcode]592. Fraction Addition and Subtraction
- Spring Date jpa 配置文件 spring.xml
- CSS之清除浮动clear
- 【每日算法】二分查找算法
- Java IO: 管道
- WPF自定义TextBox(可选:图片, 占位符)
- #bzoj2238#填表格(数学证明 or 打表猜规律)
- Java的Scanner用法
- Mybatis二
- jvm系列(八):jvm知识点总览
- bootstrap-select怎么刷新数据