• 周五. 8月 19th, 2022

5G编程聚合网

5G时代下一个聚合的编程学习网

热门标签

css中浮动相关

admin

11月 28, 2021

css中浮动相关:
为什么要添加浮动:让块级元素排列
float属性创建浮动框,将其移动到一边,直到左边缘或者右边缘接触包含块或者另一个浮动款的边缘。
方法:float:left/right

清除浮动:1、父盒子没有高度 2、子盒子浮动了 3、影响下面的布局
清理浮动的方法:
1:通过给子元素最后添加一个块级模块定义他的css是:clear:both
2.给父级元素添加一个:overflow:hidden
3.通过伪元素,给父级元素添加一个类:
.clearfix::after {
display: block;
content: “”;
clear: both;
height: 0;
}

.clearfix::after {
*zoom: 1;
}
4.通过双伪类元素
.clearfix::after
.clearfix::before{
display: block;
content: “”;

}
.clearfix::after{
clear:both;

.clearfix::after {
.zoom: 1;
}

发表回复

您的电子邮箱地址不会被公开。