如果有超过一页的信息，则宽度会增加

Question

如果我在页面上有足够的文字来填充屏幕，则正文会增加宽度

为什么会这样？

参见此处的示例：

https://jsfiddle.net/dktzLqfm/2/

 _fetchComments() {
   jQuery.ajax({
   method: 'GET',
   url: '/api/comments',
   dataType: 'json',
   success: (comments) => {
   this.setState({ comments })
 }
 });
 }

Answer 1

内联元素填充包含它们的块元素。插入时，您在内联元素之间强制换行。当您需要强制某些文本分成两行时，您只想这样做。例如：

Burger
King

一般情况下，您只能使用
为此目的。相反，如果你有文本块将它们包装在

（当它们是段落时）或其他适当的块级标记时。通过这种方式，他们将始终填充他们的容器，文本将自然地包装。

使用CSS样式设置容器的宽度。

Answer 2

强迫

overflow-y: scroll;

Body上的

导致滚动条始终显示，这意味着页面的宽度是一致的