Css 在我的内容div（html）中写入文本会使我的背景div移位吗？

我敢肯定这是一个愚蠢的CSS错误，但在我正在制作的这个模板网站中，每当我在内容

div

中放置多行文本时，就会将两个背景

div

放错位置。以下是HTML和CSS：

---

我已经尝试了我能想到的一切，但我不知道它会有什么问题。

首先，没有浮动：中心。如果删除该选项并将内容div的位置值从“相对”更改为“绝对”，则该选项有效

---

如果要保持固定宽度，只需在内容css中添加

float:left

---

如果您想让它流动，那么您需要看看如何使用

显示：table | table row | table cell

css属性来实现这一点

尝试将backgroundright div放在content div上方

   <div id="backgroundright">
    </div>

    <div id="content">
          <p></p>
    </div>

---

希望这有帮助

这是一个/临时/修复，但它仍然使添加文本变得非常困难。正如您在链接中看到的，它好像没有“识别”第二个div作为边界端点。另外，我试图避免设置恒定的宽度，因为这使得调整浏览器的大小非常复杂。我尝试了向左浮动，但什么也没有发生。我真的找不到显示元素可以做的任何事情。。。有什么想法吗？另外，我注意到的一件事是，填充似乎延伸到每个div上，好像它不在那里。关于为什么会这样，你有什么想法吗？肯定有其他的影响，因为你说你想这样做是因为你定义了内容的宽度，这是我/可以/可以做的。将背景div从width:20px设置为width min:20px会使它们自动调整到浏览器的大小吗？不，浮动块元素会尝试尽可能小，所以它们只会变为20px，为了获得动态边，您可以使用内容显示：表等。不幸的是，这样做没有任何作用。我注意到的一件事是，填充似乎延伸到每个div，好像它只是，不在那里。你知道为什么会这样吗？