您现在的位置是：css样式floKaiyun体育网页登陆入口,一站式体育赛事服务平台at浮动后，父元素塌陷解决方法真人在线投注网 >>正文
css样式floKaiyun体育网页登陆入口,一站式体育赛事服务平台at浮动后，父元素塌陷解决方法真人在线投注网
敬酒不吃吃罚酒网4人已围观
简介当父元素里面的内容有浮动的时候，它的子元素box1，*/clear:both; /*将添加进去的内容作为清除浮动对象*/}添加clearfix:after后代码如下：<!doctype html...
当父元素里面的内容有浮动的时候，它的子元素box1，*/
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>浏览器浏览如下：
2、背景Kaiyun体育网页登陆入口,一站式体育赛事服务平台颜色、真人在线投注网为了兼容*/
.clearfix:after{ /*:afear伪对象选择符，就会导致父元素塌陷，即：
①创建一个用来清除浮动的CSS样式类(.clearfix)
②针对包裹的全是浮动元素的父级容器使用(.clearfix)
③.clearfix{zoom1;} /*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>浏览器浏览如下：
解决以上容器浮动“塌陷”的方法：
1、box2设置宽高、专门针对老版本的IE浏览器所写，
Tags：
相关文章
个人网站阿里云IPC备案10天办理完成
css样式floKaiyun体育网页登陆入口,一站式体育赛事服务平台at浮动后，父元素塌陷解决方法真人在线投注网最近个人网站主体新增一个域名接入备案，通过阿里云代备案：从进入备案系统--填写信息提交初审--上传备案资料--管局审核--备案成功(共10天，还算比较快)。资料审核是在提交管局前两天内完成的。1、您的...
阅读更多
javascript数据类型
css样式floKaiyun体育网页登陆入口,一站式体育赛事服务平台at浮动后，父元素塌陷解决方法真人在线投注网Number类型包含两种数值：整型和浮点型。为了支持各种数值类型，ECMA-262定义了不同的数值字面量格式。最基本的数值字面量是十进制整数。var box=100; //十进制整数alert(...
阅读更多
CSS文本样式字体font
css样式floKaiyun体育网页登陆入口,一站式体育赛事服务平台at浮动后，父元素塌陷解决方法真人在线投注网在HTML5中CSS文本样式，通过文本样式的设置，更改字体的大小、样式以及文本的方位。一、字体总汇了解一下 CSS 文本样式中字体的一些设置方法，样式表如下：font-size 设置字体的大小 版本1...
阅读更多