您现在的位置是：css样式flo极速庄闲游戏app赛车官网at浮动后，父元素塌陷解决方法 >>正文
css样式flo极速庄闲游戏app赛车官网at浮动后，父元素塌陷解决方法
谨小慎微网2人已围观
简介*/clear:both; /*将添加进去的内容作为清除浮动对象*/}添加clearfix:after后代码如下：<!doctype html><html><head&g...
*/
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、左浮动。专门针对老版本的IE浏览器所写，
当父元素里面的内容有浮动的时候，在这里我
代码如下：
<!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;}</style></head><body><div class="box"><div class="box1">box1</div><div class="box2">box2</div></div></body></html>浏览器浏览如下：
content:"."; /*content属性专门配合伪对象，box2设置宽高、
Tags：
相关文章
Adobe Dreamweaver cc 2018中文版本
css样式flo极速庄闲游戏app赛车官网at浮动后，父元素塌陷解决方法dw cc2018中文版(Adobe Dreamweaver cc 2018)，Adobe Dreamweaver cc 2018作为一个流行的网页编辑器，还有Html编辑功能，HTML中文称超级文本...
阅读更多
WordPress插件Simple 301 Redirects重定向v2.0.9
css样式flo极速庄闲游戏app赛车官网at浮动后，父元素塌陷解决方法WordPress插件Simple 301 Redirects重定向插件，WordPress自定义指定URL 301重定向插件Simple 301 Redirects需要WordPress版本: 5....
阅读更多
WordPress插件No category base移除分类目录category
css样式flo极速庄闲游戏app赛车官网at浮动后，父元素塌陷解决方法wordrpess文章分类目链接地址一般默认是带有/category/如我的网站博客链接bokequ.com/category/web有的站长喜欢链接短一点，就去掉了category分类标志。word...
阅读更多