[分享]css中div不能滚动怎么解决

在网页制作中，我们常常会使用div来划分不同的区域，然而有时候我们会发现在div中放置的内容过多时，div并没有出现滚动条，这就让我们无法对于内容进行滚动。此时，我们该如何解决这个问题呢？ 解决方法如...

在网页制作中，我们常常会使用div来划分不同的区域，然而有时候我们会发现在div中放置的内容过多时，div并没有出现滚动条，这就让我们无法对于内容进行滚动。此时，我们该如何解决这个问题呢？
解决方法如下：
1.给div设置固定的高度和宽度。
在css中，我们可以通过设置div的height和width属性来确定它的大小。一旦确定其大小，当里面的内容过多时，就会出现滚动条了。

<div style="height:200px; width:100px; overflow:auto;">
    <!--此处填写需要放置在div内的内容-->
</div> 

2.给div添加overflow属性。
设置overflow属性为auto时，当内容溢出div的宽度或高度时，就会自动出现滚动条。

<div style="overflow:auto;">
    <!--此处填写需要放置在div内的内容-->
</div> 

3.给div添加overflow-x和overflow-y属性。
overflow-x属性用于设置div水平方向上的滚动条，overflow-y属性用于设置div垂直方向上的滚动条。该方法可以实现只在水平或垂直方向上出现滚动条。

<div style="overflow-x:auto; overflow-y:hidden;">
    <!--此处填写需要放置在div内的内容-->
</div> 

以上就是解决div不能滚动的三种方法，读者可以根据自己的需求进行选择。无论采用哪种方法，这个问题都是很容易解决的。