CSS清除浮动:清除float浮动
来源:互联网 发布:手机频谱软件 编辑:程序博客网 时间:2024/05/17 22:54
问题描述:
1)一般浮动是指一个盒子里使用了css的float浮动属性,导致父级对象盒子不能被撑开,这样css的float的浮动就产生了。
2)本来两个黑色对象盒子是在红色盒子内,因为对两个黑色盒子使用了float浮动,所以两个黑色盒子产生了浮动,导致红色盒子不能撑开,这样浮动就产生了。
3)简单地说,浮动是因为使用了float:left 或float:right 或两者都是有了而产生的浮动。
解决方法:
clear清除浮动
为了统一样式,我们新建一个样式选择器CSS命名为".clear",并且对应选择器样式为"clear:both",然后我们在父级"</div>"结束前加此div引入" class="clear" "样式。这样即可清除浮动。
.clear{ clear:both}
<div class="clear"></div>
0 0
- css float浮动清除
- CSS清除浮动_清除float浮动
- CSS清除浮动_清除float浮动
- CSS清除浮动_清除float浮动
- CSS清除浮动_清除float浮动
- CSS清除浮动_清除float浮动
- CSS清除浮动_清除float浮动
- CSS清除浮动_清除float浮动
- CSS清除浮动_清除float浮动
- CSS清除浮动:清除float浮动
- CSS清除浮动_清除float浮动
- CSS清除浮动_清除float浮动
- CSS清除浮动_清除float浮动
- CSS清除浮动_清除float浮动
- CSS清除浮动_清除float浮动
- CSS清除浮动 清除float浮动
- CSS清除浮动(Float)
- css float 清除浮动 haslayout
- leetcode_342 Power of Four
- 加油站
- 谈谈分布式事务
- Myeclipse错误:Errors occurred during the build. Errors running builder 'DeploymentBuilder' on project
- HDU 3420 Bus Fair(贪心)
- CSS清除浮动:清除float浮动
- 磁盘占用率100%——多番尝试
- Java 学习日志1.1 声明变量和常量。
- 动态规划背包类型例题-饭卡
- JVM 并发性: Java 8 并发性基础
- 合作必备助手——SVN
- Notification
- hdu1257 最少拦截系统
- C#中的泛型、属性与下拉框初始化的结合