关于overflow的问题

我想问下box1中有个子元素box2,子元素超出父元素,给父元素box1设置overflow :auto; 父元素出现下拉条,为什么只是里面的子元素动了,父元素没有动

img

不然呢?你想让父元素怎么动?滚动的原因就是子元素的高度超出了父元素的高度才会出现滚动条

父元素为什么会动?你给父元素添加overflow了,那么就是子元素多出的部分被隐藏了,当你移动滚动条,那么实际就是改变子元素在父元素box1中能显示的部分

没懂你的问题点在哪
overflow: auto在内容区域超出时会出现滚动条以便查看其余内容。现在的行为没问题呀

overflow影响的是父元素的显示情况,box1的父元素是body,不会有影响

关于该问题,我找了一篇非常好的博客,你可以看看是否有帮助,链接:overflow为什么无效
同时,你还可以查看手册:css Properties overflow 中的内容

overflow 溢出隐藏

只对超出父元素的子元素进行了隐藏,对父元素并不会有任何作用

没毛病,子元素内容超出父元素就出现滚动条