原来在标准流布局中的位置 , 也被取消 , 被后面的标准流元素占据 ;
网页中的 Display 显示模式有 3 种 ;
块级元素
行内元素
行内块元素
元素 的 浮动特性 会改变 该元素的 Display...显示模式 , 原来的 元素 不管是 块级元素 还是 行内元素 , 设置 浮动 样式后 , 其显示模式 类似于 行内块元素 ;
4、浮动元素与父容器盒子关系
在 父容器 盒子模型 中 , 将 子元素 设置为...浮动元素 , 会出现如下情况 :
浮动元素位置 : 浮动元素 会自动 浮动到 父容器盒子模型 的左上角 与 右上角 ,
浮动元素 与 父容器盒子模型边框 : 浮动元素 与 父容器 边框不重叠 , 如果没有内边距...会 新增很多无意义标签 , 使得 HTML 标签结构混乱 ;
父级元素设置 overflow 属性 , 会 将溢出元素隐藏 , 或 生成滚动条 , 导致显示结果不理想 ;
这里提出第三种 清除浮动的方法...清除某个父容器中子元素的浮动样式 , 在该父容器的 class 类型上 , 添加 clearfix 类型即可 , 如 :
<div