<div id="outer" style="height: 200px;overflow: auto; width:100px">
<div id="inner" style="height:100%">
<div style="line-height: 50px">0</div>
<div style="line-height: 50px">1</div>
<div style="line-height: 50px">2</div>
<div style="line-height: 50px">3</div>
<div style="line-height: 50px">4</div>
<div style="line-height: 50px">5</div>
此时：即使#inner元素有溢出的子元素，但是它的高度始终为200px，不被子元素撑开。
不设置100%高度的情况下，高度正常由子元素撑开
虽然在一般情况下，#inner元素设置100%高度，父元素overflow滚动条功能毫无影响。
但是，通过dom获取的#inner元素高度则始终为200px（父元素高度）。
这对于计算会有影响。比如虚拟滚动。（没错，就是做虚拟滚动时的坑。疑惑了大半天T^T）
今天在写轮播图的时候发现，overflow;hidden;竟然能失效，发现原因如下：父元素想要隐藏溢出的绝对定位的子元素，需要给父元素加一个定位;因为绝对定位的子元素会从内向外寻找有定位的父元素，找不到的话overflow:hidden;也会随之失效。
重要的事再说一遍，正如上述所言，overflow:hidden;失效的原因是：父元素想要隐藏溢出的绝对定位的子元素，需要给父元素加一个定位;因为绝对定位的子元素会从内向外寻找有定位的父元素，找不到的话overflow:hidden;也会随之失效。
下面我们来试试：
<style>
.wrapper{
背景：height: 100%; overflow: auto; 采用锚点回到顶部失效 最后换用了另一种方式依赖：jQuery解决方法： $('#btn').click(function() {
$('html,body').animate({scrollTop: '0px'}, 800);
var container = $('#...
行内元素的默认对齐方式是基线对齐即（vertical-align：baseline） 设置overflow不为visible之后改变了他的默认对齐方式为下边距边缘；其他行内元素依然还是基线对齐就会出现下沉的视觉效果。2、设置所有的行内元素的overflow不为visible。1、重新设置所有行内元素的对齐方式。
明确一点：子元素设置height: 100%需要父元素有确定的高度；
如果父元素高度是被子元素②撑起来的，此时我们想让子元素①撑满高度，height: 100%无效。
position: relative;
子元素：
position: absolute;
top: 0;
width: 100%;
height: 100%;
在项目中使用了popover组件，由于父级设置了overflow:hidden,当子级长度超出时，即使子元素是绝对定位元素也受到了影响。
查了很多资料，发现只要父级元素不设置position:relative和position:absolute样式，就不会隐藏绝对定位的子元素。
1. 问题重现：
简易版复现这个问题的代码如下：
<div id='wrapper' style="height: 80px;background-color: bisque;width: 400px;overflow-x: auto;display: flex;flex-wrap: nowrap;">
<div class="menu">111
<div style="width: 100%;position: absolute;bot
最近在写页面的时候，在一个div上同时设置了flex和overflow后，出现了一些问题。
需求： 网站顶部导航栏为两列布局，一列为宽度固定的logo，另一列的宽度自适应，且内部元素超出时可以滚动
需求比较简单，上来就是一个flex：
<div class="header">
<div class="logo">LOGO</div>
<div class="navigator">
<div class="item"&g
我希望有人能够在这里帮助我。我试图尽我所能简化我的例子。我有一个绝对定位的DIV，在这个例子中，我填写了浏览器窗口。这个div有overflow：auto属性，当内容太大而不能显示DIV时，提供滚动条。在DIV中，我有一个表来呈现一些数据，它的宽度是100％。当内容变得太垂直时，我希望垂直滚动条出现，表格水平缩小以适应滚动条。然而在IE7发生了什么是水平滚动条也出现，尽管仍然有足够的空间水平的所有...
一.overflow1.兼容性 IE7下width：100% 会出现滚动条，解决去掉width：100%2.overflow：visible妙用IE7浏览器下，文字越多，按钮两侧padding留白就越大解决方法 给所用元素添加css样式overflow：visible3.起作用的前提 3.1非display：inline水平 3.2对应方位的尺寸限制。width/height/max-w...
