溢出-X在包装

Question

这里DIV是Web站点的大致结构：

<div class="wrapper"> 
    <div class="content"> 
      <div class="report"> 
      </div> 
    </div> 
</div> 

现在我有下一个CSS：

.wrapper { 
    width: 75%; 
    margin: 0 auto; 
} 

所以，问题是，我怎样才能防止报告类的div与包装类溢出div？在溢出的情况下，我想添加滚动到报告类的股利。

现在“report”div只是动态地扩展了包装的宽度。

在此先感谢！

Answer 1

使用overflow: auto;仅在需要滚动的时间和地点添加滚动条。如果视口足够大，则不会出现滚动条。如果视口不够宽但足够高，则只会在Y轴上创建滚动条。

有关更多信息，请参阅this Mozilla Developer Network page的overflow。