内容溢出问题很常见，默认是可见的，只是内容显示在父元素或自身包含框之外。这是种及其不雅观的行为，前面讲解了内容溢出宽度的问题，详细请查看：CSS解决内容撑开元素宽度问题

此处介绍内容溢出高度的问题，关于内容超出元素所在的高度。看如下示例效果：

（ps：当不设置高度时，内容会自适应高度。高度内容溢出一般是设置了高度值，但这个值包含不了所有的内容）

http://s8/mw690/0066Nca9zy7eQGX7KGH47&690

附：源码

从看上面的展示效果中看出，内容溢出了父元素的高度。有2种方案可以解决这个问题。

方案1：如果已经设置了高，并且没有意识到内容的多少实际上比设置的高度值要大。这种情况的解决方法是：了解了内容的准确大小后，然后为父元素重新设置合适的高度尺寸即可。

方案2：如果包含内容是动态的，无法静态确定大小。可以使用min-height属性来修复这个溢出行为。

将a.css中的height:100px;改为min-height:100px;后的效果。