CSS的position属性用于指定元素在文档流中的定位方式，position属性和top、bottom、left、right属性一起决定元素的最终位置。position属性拥有static、relative、absolute、fixed、sticky五个可选项，下面动画展示了一个吸顶导航菜单的样式，当向上滚动页面时导航菜单始终黏在顶部位置，使用sticky属性可以轻松实现这个效果。
2024年10月28日
CSS的position属性用于指定元素在文档流中的定位方式，position属性和top、bottom、left、right属性一起决定元素的最终位置。position属性拥有static、relative、absolute、fixed、sticky五个可选项，下面动画展示了一个吸顶导航菜单的样式，当向上滚动页面时导航菜单始终黏在顶部位置，使用sticky属性可以轻松实现这个效果。
2024年10月28日
<div id="parent">
<!-- 定义子级元素 -->
<div id="child">居中布局</div>
</div>通过以下CSS样式代码实现水平方向居中布局效果
2024年10月28日
PS:mounted函数下实现监听滚动条参数变化，方便监听scrollToTop是否为0，排查故障，如果一直为0，需要注意是否是overflow引起的，如果是该问题，可以overflow：visible；如果不是这个问题，可以看看外层高度是否定义，未定义设置一个100%或者固定值看看，scrollToTop是否会变化。
2024年10月28日
查看网站源代码时发现，html的最顶部多出两行。网站是用php代码写的，出现这个问题，我以为是bom头的问题，于是用代码去除了bom头，但还是不行，最后没办法了，只能一个文件一个文件的试，最后终于发现了问题的所在。
2024年10月28日
CSS居中是前端工程师经常要面对的问题，也是基本技能之一。今天有时间把CSS居中的方案汇编整理了一下，目前包括水平居中，垂直居中及水平垂直居中方案共15种。如有漏掉的，还会陆续的补充进来，算做是一个备忘录吧。
内联元素水平居中
利用 text-align: center 可以实现在块级元素内部的内联元素水平居中。此方法对内联元素(inline), 内联块(inline-block), 内联表(inline-table), inline-flex元素水平居中都有效。
2024年10月28日
CSS 有两个最重要的基本属性，前端开发必须掌握：display和position。
display属性指定网页的布局。两个重要的布局，我已经介绍过了：弹性布局flex[1]和网格布局grid[2]。
本文介绍非常有用的position属性。我希望通过10分钟的阅读，帮助大家轻松掌握网页定位，说清楚浏览器如何计算网页元素的位置，尤其是新引进的
2024年10月28日
这几天刚开始写一个Vue项目，遇到了一个定位问题，觉得挺有意思的，这里分享给大家。
其实就是一个首页顶部固定的问题，一提到顶部固定，相信大家都第一反应是想到了
position:fixed;下面来看一下这个页面