您现在的位置是：css样式f问鼎下载链接入口安卓版本lo真人在线体育投注at浮动后，父元素塌陷解决方法 >>正文
css样式f问鼎下载链接入口安卓版本lo真人在线体育投注at浮动后，父元素塌陷解决方法
井井有条网13人已围观
简介给父元素加宽高2、父元素塌陷解决方法-图片2" />就会导致父元素塌陷，左浮动。就算为空也必须写*/display:block; /*将添加进去的内容转换为块元素*/visibility:hidden...
给父元素加宽高
2、父元素塌陷解决方法-图片2" />
就会导致父元素塌陷，左浮动。就算为空也必须写*/display:block; /*将添加进去的内容转换为块元素*/
visibility:hidden; /*可视化属性，必须写，*/
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>浏览器浏览如下：
问鼎下载链接入口安卓版本trong>真人在线体育投注父元素没有设置高度和宽度的时候，消除其占位。
代码如下：
<!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>浏览器浏览如下：
解决以上容器浮动“塌陷”的方法：
1、在这里我们可以称为“塌陷”。专门针对老版本的IE浏览器所写，为了兼容*/
.clearfix:after{ /*:afear伪对象选择符，
Tags：
上一篇：个人博客网站选择主机服务器技巧
相关文章
个人网站被恶意镜像解决方法
css样式f问鼎下载链接入口安卓版本lo真人在线体育投注at浮动后，父元素塌陷解决方法今天搜索MAOLAI博客的时候，发现多了一个MAOLAI博客独立域名的网站。打开后，网站的标题描述和我的网站一模一样(内容文章全部复制过去了)，唯一不一样的就是域名。网站可能被恶意镜像了。如下图所示。...
阅读更多
Lsky Pro兰空图床免费源码
css样式f问鼎下载链接入口安卓版本lo真人在线体育投注at浮动后，父元素塌陷解决方法Lsky Pro(兰空图床)开源版v2.1是一款功能丰富的在线图片上传和管理工具。你可以将它作为个人云相册，也可以用作写作贴图库。兰空图床始于2017年10月，最早的版本由ThinkPHP 5开发，后...
阅读更多
CSS文本样式字体font
css样式f问鼎下载链接入口安卓版本lo真人在线体育投注at浮动后，父元素塌陷解决方法在HTML5中CSS文本样式，通过文本样式的设置，更改字体的大小、样式以及文本的方位。一、字体总汇了解一下 CSS 文本样式中字体的一些设置方法，样式表如下：font-size 设置字体的大小 版本1...
阅读更多