type
status
date
slug
summary
tags
category
icon
password
1 浮动
1.1 浮动的简介
1.2 元素浮动之后的特点
元素浮动之后，称为浮动元素，具有如下特点：
文档流： 文档流里的元素会按照顺序从上到小，从左到右排列。
1.3 浮动元素产生的影响
① 对后面兄弟元素的影响
影响：
解决：
② 对父元素的影响
影响：
解决：
1.4 浮动相关的 CSS 属性
CSS 属性 | 功能 | 属性值 |
float | 设置浮动 | left、right、none |
clear | 清除浮动的影响 | left、right、both |
2 行内元素或行内块元素在布局中的特点
2.1 父元素设置的文本属性可以作用于行内元素和行内块元素
① 让行内块元素在父元素中水平居中
② 让行内块元素在父元素中纵向居中
2.2 行内元素或行内块元素之间的空白问题
① 元素之间的空白（左右）
产生原因：
解决方案：
② 底部的空白（图片的幽灵空白）
产生原因：
解放方案：
③ 文字内容个数不同的行内块元素水平排列无法对齐
产生原因：
解决方案：
- 作者:昕昕丶未来不是梦
- 链接:https://pisce.buzz/article/web01_css_04
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。