Html 为什么我的<；部门>；根据内容的不同，它会稍微移动吗？

所以我有两个

嵌套在另一个里面

比如：

<div class="wrapper">
    <div class="left_sidebar"></div>
    <div class="text_area"></div>
</div>

---

编辑：我觉得我应该提到的是，这不会发生在我的23英寸1080p显示器上，但会发生在我的11英寸768p显示器上。

我想你可能会摆脱

位置：绝对来自
左侧边栏
和
文本区
，因为我没有看到任何关于此定位的线索。而不是
位置：绝对，使用
浮动：左会帮助你的

你所说的足够多的文本是什么意思？如果我写一篇长文章，它就会发生。我不认为这是因为里面有多少文本，我认为它更多地与到达某一点的文本行的宽度有关（而且我写的文本行越多，就越有可能到达该点）。不过这只是我的猜测。听起来右滚动条似乎出现在较长的页面上，这是常见的现象。你可以强迫滚动条出现在较短的页面上，但这并不值得。这只是浏览器的工作方式。这个网站不是一个回答类似问题的地方。我们不应该调试您的代码。没有提到您甚至没有费心对您的问题进行jsfiddle/codepen/plunker演示。你的代码贴在这里毫无意义。@knitevision我下次会尝试包含一个演示，我不知道我的问题有多含糊。而且，呃，我认为大部分用户都在使用它来调试他们的代码。
.wrapper {
    position: relative;
    margin-left: 20%;
}

.left_sidebar {
    position: absolute;
    margin-top: 1.5%;
    width: 20%;
    border-right: 1px solid #777F7F;
    text-align: right;
    padding-right: 1%;
}

.text_area {
    position: absolute;
    text-align: left;
    margin-left: 22%;
    font-size: 1em;
    width: 45%;
}