菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 谷江涛-20221017-前端css浮动 [打印本页]

作者: 暴风雨 时间: 2022-10-17 23:30
标题: 谷江涛-20221017-前端css浮动
一、今日内容：
浮动
具有行内块特性
float
float：left；左浮动
float：right；右浮动
浮动的元素脱离标准流  不会影响前面的盒子
清楚浮动
给元素后加块级标签清楚浮动
给父级添加overflow:hidden;
给父级后加单伪元素
.clearfix::after{
   content:"";
   display:block;
height:0;
   clear:both;
   visibility:hidden;
   }
给父级添加双伪元素
.clearfix：before, .clearfix:after{
content:"";
display:table;
}
.clearfix:after{
clear:both;
}
定位 position
relative 相对定位不脱标  按照自己本身进行定位
absolute 决定定位脱标  要给父级设置相对定位会根据父级开始定位如果父级没设置定位会根据浏览器来进行定位
二、今日问题：
无
三、解决方法：
无

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)