給一個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