今天给我的一个div加滚动条的样式，overflow:auto ，死活不生效。
最后发现问题：为div指定overflow属性为auto没问题，但是必须指定div的高度，例子：
<div style=" height:300px; overflow:auto">
position:absolute 可加可不加，自己试试！ 加上高度heihgt后，滚动条出现了。
今天给我的一个div加滚动条的样式，overflow:auto ，死活不生效。最后发现问题：为div指定overflow属性为auto没问题，但是必须指定div的高度，例子：&lt;div style=" height:300px; overflow:auto"&gt;&lt;/div&gt;position:absolute 可加可不加，自己试...
其实看似不合理的现象背后都会有其合理的解释。
我们知道，
overflow
属性值有这几种：
复制代码代码如下:visible：声明内容不会被剪裁。比如内容可能被渲染到容器外面。hidden：声明内容将被剪裁，并且也甭想使用滚动条来查看剪裁掉的内容。scroll：声明内容将被剪裁，但有可能出现滚动条来查看被剪裁掉的内容。滚动条出现的位置在inner border adge和outer padding adge之间。
auto
：声明决策将依赖于客户端，优先使用scroll。
W3C标准中指明：通常一个盒子的内容是被限制在盒子边界之内的。但有时也会产生溢出，即部分或全部内容跑到盒子边界之外。溢出将在满足
当我们为了让内容居中使用了 align-items center 属性之后，因为屏幕小的会遮挡一部分内容我们就会给盒子再加上
overflow
-y
auto
这个属性但是当我们缩小屏幕时，会发现，内容的上半部分会显示不出来
这是因为元素在侧轴居中。如果元素在侧轴上的高度高于其容器，那么在两个方向上溢出距离相同参考文档：align-items - CSS（层叠样式表） | MDN
2. 将 display flex 改为 display grid...
使用zoom、
overflow
解决IE6、IE7、FF下嵌套容器清除浮动问题
我们经常遇到一个容器外面套一个边框，边框高度随容器高度变化，但是当边框内容器设置了浮动属性后，外框就不跟随变化，这时就需要清除浮动。给外边框容器加上
overflow
:
auto
的属性，可以解决IE7和FF下的清除浮动问题，但是IE6下
不生效
，我们需要使用IE的一个私有属性zoom使IE5.5 的浏览器达到外框跟随变化的效果。
需要注意的几个细节问题，例如我们建立一个样式为text的容器，宽200象素，高度自适应，外面包一个样式为content的10象素的外框。（如图1）
代码如下：
今天进行一个页面的样式调试,发现
overflow
-y:
auto
;
不生效
最后发现是
overflow
-y:
auto
;对table标签
不生效
,如果要对一个table进行滚动,必须在table外加一层div,然后对其设置高度
<div class="myclass">
css样式代码
.myclass{
overflow
-y:
auto
;
使用display：box，display： box是一种古老的写法，现在基本废弃，可用display: -webkit-box; 兼容
使用flex布局：flex布局的默认值，子元素有flex-shrink：1，在这个默认值下，子元素的宽是不管用的。将子元素加上flex-shrink：0；
移动端问题：
安卓和iOS浏览器都是webkit内核，包括变态UC浏览器，对flex支持并不好，但却都支持古老的displa.
我引入vant组件使用滚动导航，
不生效
，其他导航都没问题；
经过排查发现是因为css样式问题；滚动导航的父盒子样式不能有
overflow
-y:
auto
;这个样式会导致滚动导航
不生效
import Vue from ‘vue’;
import { Tab, Tabs } from ‘vant’;
Vue.use(Tab);
Vue.use(Tabs);
之后运行，导航可以点击但是页面不会跟着滚动，也不会吸顶直接就滚动隐藏了导航栏；如下图
经过一番排查原来是在APP.vue里的app容器样式里加了
:header-cell-style="headerStyle"
:row-style="{ height: '50px' }"
:cell-style="{ padding: '2px' }"
### 回答1：
如果将 `
overflow
` 设置为 `
auto
`，可能会导致 Element UI 中的 `backtop` 功能失效。这是因为 `
overflow
:
auto
` 的定义是如果内容溢出了元素框，则在元素内显示滚动条以查看内容。因此，如果您将 `
overflow
` 设置为 `
auto
`，则无法使用 `backtop` 功能将页面滚动到顶部。为了解决此问题，您可以尝试将 `
overflow
` 设置为 `scroll` 或 `hidden`，以查看是否可以正常使用 `backtop` 功能。
### 回答2：
在Element UI中，backtop组件用于快速回到页面顶部。当设置
overflow
:
auto
属性后，元素容器会出现滚动条，即使页面滚动，backtop组件仍然可见且可点击，但点击后无法自动滚动到页面顶部。
这是由于设置
overflow
:
auto
属性后，元素容器会成为滚动容器，backtop组件失去自动滚动回到页面顶部的功能。
要解决此问题，可以通过以下方法实现backtop组件在设置
overflow
:
auto
属性后依然生效：
1. 自定义滚动事件：可以通过监听元素容器的滚动事件，在滚动到一定位置后，通过JavaScript代码修改滚动容器的scrollTop属性将页面滚动到顶部。
2. 使用其他滚动插件：要使backtop组件可以在设置
overflow
:
auto
属性后生效，可以考虑使用其他自定义滚动插件，例如BetterScroll、iScroll等。
3. 修改样式：可以对backtop组件进行一些样式上的调整，例如将backtop组件的z-index属性设置为较大的值，使其始终位于顶部，以便用户可以手动点击backtop组件返回顶部。
需要注意的是，以上方法只是一些可能的解决方案，根据具体情况可能需要进行一些适配和调试。如果以上方法仍然无法解决问题，建议查阅Element UI的相关文档或向官方提问以获取更准确的解答。
### 回答3：
当设置一个元素的`
overflow
`属性为`
auto
`时，表示该元素会根据内容自动计算并显示滚动条，只有当内容超出元素的可见区域时才会出现滚动条。
而Element UI中的`Backtop`组件是用来实现返回页面顶部功能的，通常会设置一个目标元素，当滚动到目标元素时显示返回顶部按钮。但是当目标元素的父元素设置了`
overflow
：
auto
`时，可能会导致`Backtop`组件
不生效
的情况。
这是因为当父元素设置了`
overflow
：
auto
`时，滚动条是由父元素控制的，而不是网页的整个窗口。因此，即使滚动到目标元素所在的位置，父元素并不会触发滚动事件，导致`Backtop`组件无法捕捉到滚动事件。
解决这个问题的一种方法是将`Backtop`组件的目标元素的父元素设置为`body`元素，而不是设置在一个有`
overflow
：
auto
`属性的元素内。这样可以保证`Backtop`组件能够监听到整个网页的滚动事件，并在需要时显示返回顶部按钮。
总之，当设置了`
overflow
：
auto
`的元素时，可能会导致Element UI的`Backtop`组件失效。解决方法是将`Backtop`组件的目标元素的父元素设置为`body`元素。
HaveAGoodOne:
window bat脚本循环读取txt文件的每一行，赋值给变量，并打印出来。
许-默-沉:
在本机windows上使用bat脚本启动另外一台windows上的bat脚本
XJˊ晨凇暮雨:
局域网内构建自己的ntp校时服务器并验证成功与否
sdewendong:
