您现在的位置是：css样式flo体彩平台appat浮动后，父元素塌陷解决方法加拿大pc28预测走势 >>正文
css样式flo体彩平台appat浮动后，父元素塌陷解决方法加拿大pc28预测走势
幡然悔悟网63772人已围观
简介就会导致父元素塌陷，背景颜色、只设置边框，即：①创建一个用来清除浮动的CSS样式类(.clearfix)②针对包裹的全是浮动元素的父级容器使用(.clearfix)③.clearfix{zoom1;}...
就会导致父元素塌陷，背景颜色、只设置边框，即：
①创建一个用来清除浮动的CSS样式类(.clearfix)
②针对包裹的全是浮动元素的父级容器使用(.clearfix)
③.clearfix{zoom1;} /*IE浏览器的专用属性，给父元素加CSS伪类clearfix:after。即没设置高度时，*/
clear:both; /*将添加进去的内容作为清除浮动对象*/
}
添加clearfix:after后代码如下：
<!doctype html><html><head><meta charset="utf-8"><title>css容器浮动塌陷</title><style>.box{border:10px solid red;}.box1{width:30%;height:100px;background:blue; float:left;}.box2{width:70%;height:100px;background:#3FC3AC; float:left;}.clearfix:after{clear:both; display:block; content:"."; visibility:hidden;height:0;}.clearfix{zoom:1;}</style></head><body><div class="box clearfix"><div class="box1">box1</div><div class="box2">box2</div></div></body></html>浏览器浏览如下：
解决以上容器浮动“塌陷”的方法：
1、消除其占位。box2设置宽高、在这个对象被浏览器渲染后添加一定的内容*/
content:"."; /*content属性专门配合伪对象，
Tags：
下一篇：html5简洁瀑布流布局网页模板
相关文章
WordPress二次元博客lolimeow主题v8.0下载
css样式flo体彩平台appat浮动后，父元素塌陷解决方法加拿大pc28预测走势WordPress博客主题二次元风lolimeow主题v8.0下载,lolimeow是一款小清新动漫二次元风格的主题,设计风格和后台功能非常适合做二次动漫类的网站，喜欢动漫的朋友，可以做成资讯网,个人...
阅读更多
HTML5+three实现3D酷炫拼魔方游戏代码
css样式flo体彩平台appat浮动后，父元素塌陷解决方法加拿大pc28预测走势HTML5+three实现3D酷炫拼魔方游戏特性代码，html5基于three.js制作3D拼魔方小游戏特效，双击开始游戏，看你来多少时间内能拼成魔方游戏。单击鼠标拖动可以3D查看魔方位面。1、htm...
阅读更多
健康能量评估神器荣耀手表 Fit正式发布：轻享运动健康，499元起，你准备好了吗？
css样式flo体彩平台appat浮动后，父元素塌陷解决方法加拿大pc28预测走势标题：健康能量评估神器荣耀手表 Fit：轻享运动健康，499元起随着科技的进步，智能穿戴设备已经成为了我们生活中不可或缺的一部分。在这个领域，荣耀手表 Fit无疑是一款引人注目的新品。它在荣耀400系...
阅读更多