html - 子元素离开父元素

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

您可以使用溢出-x：隐藏；如果您希望包含提要并滚动。在这里查看：jsfiddle.net/MathiasaurusRex/zP49Z/2

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