如果父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