一、清除浮动
1. clear: (不推荐)
left 左浮动清除
right 右浮动清除
both 左右都清除
在最后加一个元素，给元素加clear样式。
2. overflow: hidden;(有瑕疵)
除了溢出隐藏，还可以清除浮动
给父级添加overflow:hidden;样式
注意:如果有会超出父级的东西，那就不能用了。
3.clearfix(推荐)
完美解决清除浮动问题
二、固定定位
position: fixed;
特点
相对于可视区进行定位
元素变成块
宽度尽可能窄
脱离文档流
一、清除浮动
1. clear: (不推荐)
left 左浮动清除
right 右浮动清除
both 左右都清除
在最后加一个元素，给元素加clear样式。
2. overflow: hidden;(有瑕疵)
除了溢出隐藏，还可以清除浮动
给父级添加overflow:hidden;样式
注意:如果有会超出父级的东西，那就不能用了。
3.clearfix(推荐)
完美解决清除浮动问题
二、固定定位
position: fixed;
特点
相对于可视区进行定位
元素变成块
宽度尽可能窄
脱离文档流
高度塌陷 导航条 清除浮动 相对定位 绝对定位 固定定位 作业
一、清除浮动 1. clear: (不推荐) left 左浮动清除 right...
导航条 清除浮动 解决高度塌陷 相对定位 绝对定位 固定定位 作业
前端第五天 目录 文档流 浮动布局 清除浮动 流式布局 定位布局应用 相对定位 绝对定位 固定定位 一、文档流 1...
在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高。 但是当为子元素设置浮动以后，子元素...
定位 clear 清除左浮动 清除右浮动 both 可以清除对它影响最大的浮动可以解决高度塌陷 谁塌陷就加上cle...
Day6:html和css 复习 清除浮动: overflow: hidden添加在需要清除浮动的地方 定位pos...
标准流和display 效果: 浮动 效果: 浮动(文字环绕) 清除浮动 效果: 定位position 效果: 盒...
选择器权重 浮动 文字环绕 清除浮动 定位 relative 盒子模型 居中 display
1.什么是浮动:CSS中定位的一种。 CSS的定位有：文档流（普通流），浮动，绝对定位 2.为什么我们要清除浮动（...
本文标题：清除浮动与固定定位
本文链接：https://www.haomeiwen.com/subject/jcucjxtx.html
网友评论