如何构建一个使用overflow: auto的可调整大小的DIV？_使用overflow auto设置div 50%的高度_使用可调整大小时div的边框不正确 - 腾讯云开发者社区

要构建一个使用overflow: auto的可调整大小的DIV，可以按照以下步骤进行：

创建一个DIV元素，并设置其样式为可调整大小的容器。可以使用CSS属性resize: both;来实现可调整大小的效果。
在该DIV元素内部添加内容，可以是文本、图片或其他元素。
使用CSS属性overflow: auto;来设置DIV元素的溢出处理方式。当内容超出DIV元素的大小时，会自动显示滚动条。
如果需要设置DIV元素的初始大小，可以使用CSS属性width和height来指定宽度和高度。

下面是一个示例代码：

<!DOCTYPE html>
<html>
<head>
<style>
.container {
  resize: both;
  overflow: auto;
  width: 300px;
  height: 200px;
  border: 1px solid black;
}
</style>
</head>
<body>

<div class="container">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, velit ac aliquet vestibulum, nunc nisl tincidunt lectus, id lacinia nunc odio a ligula. Sed auctor, nisl a feugiat tincidunt, mi nunc tincidunt arcu, nec tincidunt nunc nunc in neque. Sed at semper nunc. Nullam ac ligula et dolor tincidunt tincidunt. Nam auctor, mi id lacinia dignissim, nisl mauris tincidunt dolor, a aliquet turpis tortor id mi. Mauris auctor, mauris id lacinia ullamcorper, nunc nisl tincidunt nunc, eu lacinia nunc tortor vel nunc. Nulla facilisi. Sed sed semper lacus. Sed euismod, velit ac aliquet vestibulum, nunc nisl tincidunt lectus, id lacinia nunc odio a ligula. Sed auctor, nisl a feugiat tincidunt, mi nunc tincidunt arcu, nec tincidunt nunc nunc in neque. Sed at semper nunc. Nullam ac ligula et dolor tincidunt tincidunt. Nam auctor, mi id lacinia dignissim, nisl mauris tincidunt dolor, a aliquet turpis tortor id mi. Mauris auctor, mauris id lacinia ullamcorper, nunc nisl tincidunt nunc, eu lacinia nunc tortor vel nunc. Nulla facilisi. Sed sed semper lacus.</p>
</div>

</body>
</html>

这个示例中，DIV元素的样式类名为"container"，设置了resize: both;来实现可调整大小的效果，overflow: auto;来处理溢出内容，width和height属性设置了初始大小，border属性设置了边框样式。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。