css溢出滚动问题

Question

我在

下面有

<div style="height:900px;width:800px;overflow-x:scroll;overflow-y:hidden">
//content here

</div>

我的问题是当我向右或向左滚动时，div边框没有出现。所以它看起来像 切割数据。我尝试了很多方法，但没有运气。任何帮助表示赞赏。

谢谢，

Chaitu

2 个答案:

答案 0 :(得分：0)

将填充设置为div。像这样：

<div style="height:900px;width:800px;overflow-x:scroll;overflow-y:hidden;padding:5px;">
//content here

</div>

这将确保内部内容远离div。

答案 1 :(得分：0)

在您提供的代码中，您没有给div边框。 尝试将代码更改为此（添加边框CSS属性）：

<div style="height:900px;width:800px;overflow-x:scroll;overflow-y:hidden;border:2px solid black">

    <!-- Content goes here -->
</div>

此外，就像Naveed所说的那样，尝试添加填充（例如padding:5px;）以确保您的内容保留在div中并且不会流过或被剪裁。

Answer 1

将填充设置为div。像这样：

<div style="height:900px;width:800px;overflow-x:scroll;overflow-y:hidden;padding:5px;">
//content here

</div>

这将确保内部内容远离div。

Answer 2

在您提供的代码中，您没有给div边框。 尝试将代码更改为此（添加边框CSS属性）：

<div style="height:900px;width:800px;overflow-x:scroll;overflow-y:hidden;border:2px solid black">

    <!-- Content goes here -->
</div>

此外，就像Naveed所说的那样，尝试添加填充（例如padding:5px;）以确保您的内容保留在div中并且不会流过或被剪裁。