css清除浮动的方式
2019-01-23 22:39
267 查看
html为什么要清除浮动?如何清浮动?
在子级浮动之后,没有设置高度的父级会检测不到子级的高度,所以父级的高度为零,下面的内容会挤上来了,造成布局不稳定。
子级浮动之后,同级标签最好也浮动,这样有益于布局的稳定
下列方式建议用一四
方法一:
给父级增加overflow:hidden; 此时父级的高度由子级的内容撑开
方法二:
给父级增加一个固定高度 例如:height:120px; 适用于高度不常做变化的插件
方法三:
给父级标签内部的底部增加一个块级标签(例如:div/section/h1~6/nav等标签)并且给它设置clear:both;样式
方法四:
给父级标签增加一个样式(例如:<ul class='clearfix')样式内容如下:.clearfix::after{
content:''; display:block; clear:both;
}
相关文章推荐
- CSS清除浮动的的三种方式
- css 图片垂直水平居中以及清除浮动方式(常用几种方式)
- CSS清除浮动的几种方式
- CSS清除浮动的几种方式
- CSS 清除浮动的三种方式
- CSS中清除浮动的几种方式
- css清除浮动的两种方式(clearfix和clear)
- css考核点整理(一)-浮动的理解和清除浮动的几种方式
- 【css】清除浮动的几种方式
- 【html/css】清除浮动的几种方式
- CSS—清除浮动的几种方式
- css清除浮动的三种方式
- [css] 清除浮动的方式总结
- 清除浮动的几种方式--css基础
- CSS清除浮动的五种方式
- css 清除浮动的两种常用方式
- css清除浮动的三种方式
- CSS中清除浮动的方式
- CSS清除浮动的几种方式
- CSS 清除浮动的几种方式