CSS清除浮动:清除float浮动
2016-05-08 19:45
656 查看
问题描述:
1)一般浮动是指一个盒子里使用了css的float浮动属性,导致父级对象盒子不能被撑开,这样css的float的浮动就产生了。
2)本来两个黑色对象盒子是在红色盒子内,因为对两个黑色盒子使用了float浮动,所以两个黑色盒子产生了浮动,导致红色盒子不能撑开,这样浮动就产生了。
3)简单地说,浮动是因为使用了float:left 或float:right 或两者都是有了而产生的浮动。
解决方法:
clear清除浮动
为了统一样式,我们新建一个样式选择器CSS命名为".clear",并且对应选择器样式为"clear:both",然后我们在父级"</div>"结束前加此div引入" class="clear" "样式。这样即可清除浮动。
.clear{ clear:both}
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>
相关文章推荐
- [div+css]晒晒最新制作专题推广页模板
- CSS浮动和定位学习笔记
- html小技巧之td,div标签里内容不换行
- div flash firefox div层总是被flash层遮盖
- 小技巧处理div内容溢出
- 让超出DIV宽度范围的文字自动显示省略号...
- 解决div被flash挡住的设置方法
- 网页中Span和Div的区别
- DIV+CSS经常用到的属性、参数及说明
- CSS Div 最小高度在IE 6 和IE 7中的兼容性问题
- DIV CSS网页布局 最小高度(min-height)的妙用
- DIV border边框显示不完全问题的解决方法
- Div CSS absolute与relative的区别小结
- 图片垂直居中之姊妹 DIV垂直居中
- 基于Jquery+div+css实现弹出登录窗口(代码超简单)
- 一个用jquery写的判断div滚动条到底部的方法【推荐】
- jQuery固定浮动侧边栏实现思路及代码
- jquery动感漂浮导航菜单代码分享
- div scroll始终在最底部的实现代码
- div层跨越iframe帧显示在上面的解决方法附代码