设置一个固定大小div，在里面内容高度超出可以鼠标滚动下滑

要在HTML和CSS中设置一个固定大小的div，当其内容高度超过div本身高度时允许鼠标滚轮滚动，你可以这样做：

首先，定义div的基本样式，包括固定宽度和高度，并启用滚动：

<div class="scrollable-content">
   <!-- 内容将放在这里 -->
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
   <!-- 更多文本或子元素 -->
</div>

然后在CSS中添加样式：

.scrollable-content {
    width: 300px; /* 定义div的宽度 */
    height: 200px; /* 定义div的高度 */
    overflow-y: auto; /* 当内容溢出时启用垂直滚动 */
    border: 1px solid #ccc; /* 边框样式，这里是可选的 */
    box-sizing: border-box; /* 包含边框和内填充在内的总宽度 */
    padding: 10px; /* 内部间距 */
}

这里，`overflow-y: auto;`让div的内容可以在垂直方向上自动滚动。`box-sizing: border-box;`确保了计算的宽度包括边框。