本文总结了CSS中的浮动和定位概念。浮动用于让元素在一行内排列，常见于布局设计，可通过float属性设置。清除浮动是为了防止对后续元素排版的影响，有多种实现方式。定位包括相对定位、绝对定位和固定定位，允许元素根据特定基准移动，其中绝对定位常用于精确控制元素位置，而固定定位始终基于浏览器窗口。此外，还介绍了叠放次序z-index的概念。
CSS知识总结
1.浮动与定位：
1.1浮动
浮动
是指设置了浮动属性的元素会脱离标准标准流的控制，移动到其父元素中指定位置的过程。它可以让任何盒子可以在一行排列，目的用来布局。
在css中，通过float属性来定义浮动，其基本语法格式如下：
float:none/left/right
| 选择器 | {float:属性值;} |
|---|---|
| 属性值 | 描述 |
| left | 元素向左浮动 |
| right | 元素向右浮动 |
| none | 元素不浮动（默认值） |
浮动特性
浮动时的脱离标准流，空出之前位置，会影响后面元素布局，浮动只有左右浮动，并成为类似行内块的元素
目的：为了让多个块级元素可以在一行显示
清除浮动
为什么要清除浮动？
由于浮动元素不占原文档流的位置，所以它会对后面的元素排版产生影响，为了解决这些问题，此时就要在该元素中清除浮动，准确来说，不是清除浮动而是清除浮动后造成的影响
清除方式
1、添加额外标签
是W3C推荐的做法是通过在浮动元
最低0.47元/天 解锁文章
扫一扫
642
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
