盒子定位HTML

Posted Recently 祝祝

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了盒子定位HTML相关的知识,希望对你有一定的参考价值。

相对定位的特性relative

相对于自己的初始位置来定位
元素位置发生偏移后,它原来的位置会被保留下来
层级提高,可以把标准文档流中的元素及浮动元素盖在下边

相对定位的使用场景

水印
相对定位一般情况下很少自己单独使用,都是配合绝对定位使用,为绝对定位创造定位父级而又不设置偏移量


绝对定位的特性absolute

绝对定位是相对于它的定位父级的位置来定位,如果没有设置定位父级,则相对浏览器窗口来定位
元素位置发生偏移后,原来的位置不会被保留
层级提高,可以把标准文档流中的元素及浮动元素盖在下边
设置绝对定位的元素脱离文档流

绝对定位的使用场景

大小不会改变面板上使用
一般情况下,绝对定位用在下拉菜单、焦点图轮播、弹出数字气泡、特别花边等场景


固定定位的特性fixed

相对浏览器窗口来定位
偏移量不会随滚动条的移动而移动

固定定位的使用场景

一般在网页中被用在窗口左右两边的固定广告、返回顶部图标、吸顶导航栏等

end》》》
不断的努力,然后成为你想要成为的人

以上是关于盒子定位HTML的主要内容,如果未能解决你的问题,请参考以下文章

CSS中盒子模型的标准流定位原则是啥?

盒子模型及层模型定位

css的核心内容 标准流盒子模型浮动定位等分析

安卓盒子launcher界面开发之添加自动定位,获取当地天气

盒子定位和布局

定位,子绝父相