定位
文档流
文档流，是指盒子按照html标签编写的顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内从左到右排列，先写的先排列，后写的排在后面，每个盒子都占据自己的位置。
关于定位
我们可以使用css的position属性来设置元素的定位类型，postion的设置项如下：
relative 生成相对定位元素，元素所占据的文档流的位置保留，元素本身相对自身原位置进行偏移。
2024年10月28日
文档流
文档流，是指盒子按照html标签编写的顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内从左到右排列，先写的先排列，后写的排在后面，每个盒子都占据自己的位置。
关于定位
我们可以使用css的position属性来设置元素的定位类型，postion的设置项如下：
relative 生成相对定位元素，元素所占据的文档流的位置保留，元素本身相对自身原位置进行偏移。
2024年10月28日
很多时候，我们希望有一种方法可以避免某种CSS问题或行为的发生。我们知道，网页内容是动态的，网页上的东西可以改变，从而增加了出现CSS问题或奇怪行为的可能性。
2024年10月28日
昨天发现index写漏了一个功能，为了给用户更好的体验一般网站右边都会提供一个返回顶部的按钮，正常页面载入时不显示该按钮，当我们往下移动网页时这个按钮就显示出来了，点击这个按钮我们就可以快速的滚回到顶部位置（这里是滚动回去，2345中的是直接跳回顶部的，不怎么友好，而且返回按钮一加载网页就有了，都没动何来的返回，这里明显不合逻辑），我适当的改动了下，下面是功能演示。
?
首先我们还是来写HTML代码，还是模仿2345来做的，提供了2个按钮：留言板和回顶部，这里我用的很简单，直接用一个div包裹了2个a标签，分别在a标签中嵌套了一个图标和文字内容（用到了i标签和em标签）。
2024年10月28日
一、前言
elementUI有说明文档，但我为什么还要重新写一下呢？因为文档也有坑，一开始使用时你复制进去，可能都没有效果。也不知道原因在哪，就如Backtop回到顶部的组件，不去看源码，真心不知道是怎么个所以然。一开始，我把这个组件放到我页面的底部，结果是无效果的，而且还会报css的这两个样式错误（.page-component__scroll .el-scrollbar__wrap），看完这个文档，也没找到这两个是什么东西，在哪设置。全文搜索，也没找到这两个css。最后逼我进去看Backtop组件源码，看懂后，删除了没必要的东西，放置的位置调整一下，完美解决。这也是本站使用的回到顶部的效果。以下我会贴出官方文档及源码，还有解决思路
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是否会变化。