css - 调整内容的 div 高度

Question

我有 3 个独立的图形元素；页眉、页脚和内容背景。内容背景是可重复的，我的意图是让页面动态调整而不破坏页面的任何流动。我试图通过将“标题图像”应用​​于页面顶部的 div 来实现这一点 - 将“内容背景”应用于容器（内容区域和菜单），最后是“页脚图像” ' 在页面底部 - 在容器之外。

当我在页面上的内容非常有限时，它似乎运行良好 - 但是，当我在内容区域中放置一个内容时，它只是挂在图像的边缘并且看起来很糟糕，而不是重复背景和轻推其他div。

我不想引入溢出：滚动或类似的东西——我迫切希望避免使用 JavaScript。我敢肯定我的想法在某个地方出现了缺陷，但我不太确定在哪里。我有一种感觉，我需要做一些关于定位的事情 - 并改变某些 div 的高度（容器，内容仍然被定义为基础；但无论我设置它，它要么没有效果，要么导致页面看起来很奇怪）。

我没有复制粘贴文本墙，而是将地址发布到我网站上的一个临时部分。

Answer 1

看来你有几个问题。设置高度#container是一个问题，不清除#content和#rightbar元素的浮动是另一个问题。我的信念是，修复这两个问题会给你带来你期望的结果。

Answer 2

根据我从您的问题中了解到的情况，您希望您的 div 标签随着文本越来越多而变得更大。
解决方案很简单：使用 min-width 而不是 width。它会自行调整