溢出和裁剪一般情况下，块框的内容仅限于框的内容侧。在某些情况下，一个盒子可能会溢出，这意味着它的部分或全部内容位于盒子之外，例如：一行不能被分割，导致一个行盒子比一个块盒子宽一个块级盒子toolarge因为它的包含块宽。当元素的width属性的值导致生成的框溢出包含块的两侧时，就会发生这种情况。元素的高度超过了为其包含块显式指定的高度（即包含块的高度由height属性决定，而不是由内容高度决定）后代框是绝对定位的，部分内容在框外。这样的盒子不一定会根据其祖先的溢出属性进行裁剪。特别是，它们不会被自身和包含块之间的任何祖先溢出所截断。具有负边距的后代框会导致其部分内容位于框外。text-indent属性让一个linebox挂起当blockbox的左侧或右侧发生溢出时，overflow属性指定一个框是否应该被裁剪到它的padding侧，以及是否需要提供滚动机制来访问所有剪辑的内容。overflowoverflow各种属性值本例中默认overflow:visible，不处理overflow；overflow:hidden隐藏溢出部分；overflow:scroll在右边和底部制作滚动条，不管元素是否溢出；overflow:auto处理溢出部分做滚动条处理；overflow:inherit应该从父元素继承overflow属性的值css3新特性css3增加overflow-x和overflow-y分别表示水平方向和垂直方向的溢出。当这两个属性为相同值时，相当于属性值溢出；当这两个值其中一个不是overflow:visible，另一个是overflow:visible时，overflow:visible的属性值会变成overflow:autooverflow。limit.width/height/max-width/max-height/absoluteStretching对于celltd等，表格需要处于table-layout:fixed状态。对于ie7浏览器，使用overflow时会有一些bug：scrolling不同的bar样式（这个在win10中是一样的）宽度设置机制，给子元素设置width:100%，ie7会根据父元素的宽度来计算元素，也就是400px，子元素有垂直滚动条占据了部分空间，所以实际水平宽度小于400px，所以会出现水平滚动条。解决办法是去掉width:100%
