html - 如果父 div 尺寸较小，则给 div 滚动条

Question

我有固定大小的子 div，当液体父 div 的宽度小于子 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