2022/8/13
学习进度
css(3) 1:00:00 知识点讲解完毕
css(3) 01:18:02
浮动
大概的效果就是 inline-block , 位于一行 , 一行放不下之后会换行 , 但 inline-block 会使块之间留下间隙
举例 :
float : left /*从左边开始浮动 , 效果时块从左边1开始对齐*/
float : right
举了一个例子 , 提及 浮动 会带来的问题 , 新增一个 <div> 块时 , 会把原来的浮动块位置覆盖掉 ( 不像之前块于块之间会隔开 , 会保留每个块的位置 )
解决方法 : 在 新增块 加上 clear 元素
.div-inner-4{
clear: left ; /* 清楚左浮动以上提及的弊端 */
clear: right;
clear: both;
}