在网页上显示一个不断输出信息的窗口，大小有限，可以在每次添加新的消息后，将滚动条的位置设置为最底部

要在网页上显示一个不断输出信息的窗口，并且在每次添加新的消息后自动滚动到最底部，可以使用HTML和CSS创建一个固定大小的div元素，然后使用JavaScript动态地向其中添加新的内容，并且在每次添加新的内容后将滚动条的位置设置为最底部。

HTML和CSS代码如下：

<div id="message-list" style="height: 300px; overflow-y: scroll;"></div>

这个div元素的高度为300像素，超出部分将会隐藏，并且在垂直方向上显示一个滚动条。

接下来，使用JavaScript动态地向其中添加新的内容，并且在每次添加新的内容后将滚动条的位置设置为最底部。示例代码如下：

// 获取消息列表元素
const messageList = document.getElementById('message-list');

// 定义一个计数器，用于记录当前添加的消息数量
let count = 0;

// 每隔1秒钟添加一条新的消息
setInterval(() => {
  // 创建一个新的消息元素
  const newMessage = document.createElement('div');
  newMessage.innerText = `这是第${++count}条新消息`;

  // 将新的消息元素添加到消息列表中
  messageList.appendChild(newMessage);

  // 将滚动条位置设置为最底部
  messageList.scrollTop = messageList.scrollHeight;
}, 1000);

这段代码会每隔1秒钟向消息列表中添加一条新的消息，并且在添加新的消息后将滚动条的位置设置为最底部。这样，就能实现一个不断输出信息的窗口，并且保证新的消息能够跟着显示在最后一行。