0
点赞
收藏
分享

微信扫一扫

CSS-浮动

四月Ren间 2022-04-14 阅读 75
html5前端

一、浮动

1.定义

元素脱离文档流的控制,按照指定方向发生移动,遇到父级边界换行

2.取值

  • none 不浮动
  • left 左浮动
  • right 右浮动
  • inherit 继承父级

3.作用

解决水平布局问题

4.特性

  • 所有标签同排显示
  • 行标签支持所有CSS样式
  • 默认内容撑开高度
  • 元素脱离文档流

二、清除浮动

1.原因

元素使用浮动后脱离文档流,父级元素检测不到子级的存在,高度无法撑开

2.解决方案

1.在父级使用height (拓展性不好)
2.在父级使用overflow:hidden
3.使用clear

三、练习案例

1.

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

举报

相关推荐

css-浮动基础-自我总结

CSS-进阶

浮动#CSS

css浮动

css-文档流

CSS-显示模式

0 条评论