给一个div滚动条，如果父div大小较小

Question

我有一个固定大小的子div，当液体父div具有较小的宽度，那么孩子，我想让孩子在父母的内部并给孩子滚动条。 jsfiddel

HTML

<div id="parent"> 
      <div id="child"></div> 
</div> 

CSS

.child{ 

    width: 500px; 
    height: 400px; 

    background-color: green; 

} 

.parent{ 

    height: 100%; 
    width: 100%; 
    background-color: red; 
    padding: 50px; 
    width: auto; 
} 

Answer 1

添加overflow: auto;父容器：

.parent{ 
    height: 100%; 
    width: 100%; 
    background-color: red; 
    padding: 50px; 
    width: auto; 
    overflow: auto; 
} 

DEMO