, 脱离的浮动元素在标准流上方显示 ;
浮动特性 ( 取消占用位置 ) : 脱离标准流 的 浮动元素 原来在标准流布局中的位置 , 也被取消 , 被后面的标准流元素占据 ;
网页中的 Display...类似于 行内块元素 ;
4、浮动元素与父容器盒子关系
在 父容器 盒子模型 中 , 将 子元素 设置为 浮动元素 , 会出现如下情况 :
浮动元素位置 : 浮动元素 会自动 浮动到 父容器盒子模型 的左上角...父容器内边距 ;
二、CSS 清除浮动
1、清除浮动 简介
在开发页面时 , 遇到下面的情况 ,
父容器 没有设置 内容高度 样式 , 容器中的 子元素 设置了 浮动样式 , 脱离了标准流 , 高度会默认设置为...在 CSS 样式最上面 , 声明 清除浮动元素样式 ,
将选择器设置为 .clearfix:after , 其中的 :after 是伪元素 ,
/* 清除浮动元素样式 */
.clearfix...:after 伪类选择器设置如下样式 :
.clearfix:after 伪元素选择器 的含义是 在 该父容器盒子 的内部 , 插入新的子元素 , 该子元素设置选择器中的样式 ;
.clearfix