1 Star 0 Fork 0

张林意/zly

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
8.3node.txt 1.06 KB
一键复制 编辑 原始数据 按行查看 历史
张林意 提交于 2020-08-04 09:04 . 8.3定位布局
定位布局
position:
static:静态布局
absolute:绝对定位:
特点:
1.默认脱离文档流
2.不保留定位前空间
3.默认情况下,绝对定位元素根据body左上角进行定位
4.当父元素具有定位属性时,子元素根据父元素左上角进行定位
relative:相对定位
特点:
1.根据元素本身所在的位置进行定位
2.不脱离默认文档流
3.保留定位前空间
fixed:固定定位
特点和绝对定位相似
使用了固定定位的元素,不会随着滚动条的滚动而滚动
sticky:粘滞定位
relative+fixed
配合属性:
left
top
right
bottom
外边距合并问题:
父子级:
1.给父元素添加边框属性
2.将本应该设置给子元素的margin设置给父元素的padding
3.给父级或者子级添加float属性
4.给父级或者子级添加position: absolute;
5.给父元素或者子元素添加display: inline-block;
6.给父级元素添加overflow: hidden;
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/zhang_linyi/zly.git
git@gitee.com:zhang_linyi/zly.git
zhang_linyi
zly
zly
master

搜索帮助

0d507c66 1850385 C8b1a773 1850385