孩子走出父元素

Question

http://jsfiddle.net/zP49Z/

如您所见，子项[update]将超出父元素[feeds]。我该如何解决这个问题？

#updates {
    background: #B8C1C2;
    box-shadow: inset 0 0 5px;
    height: 100%;
    float: right;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
    overflow: auto;
}
#feeds {
    width: auto;
    height: 300px;
}
.update {
    border-bottom: 1px solid #929493;
    width: auto;
    height: auto;
    padding-bottom: 20px;
    margin-top: 10px;
}

谢谢！

Answer 1

你可以使用overflow-x：hidden;如果您想要包含Feed并滚动。在此处查看：jsfiddle.net/MathiasaurusRex/zP49Z/2

#feeds {
  width: auto;
  height: 300px;
  overflow-x: hidden;
}