调整内容的div高度

时间:2013-10-11 17:53:58

标签: css html

第一次海报 - 长时间潜伏。每当我谷歌搜索解决方案时,Stackoverflow似乎总是会弹出来,所以我想这是我注册的时间!

在我的问题上: 我正在尝试为内容准备一个具有更多弹性空间的布局,而我已经让自己陷入困境,试图全身心投入其中! 我已经组建了一个(非常简单的)网站,以便摆弄。 我有3个独立的图形元素;页眉,页脚和内容背景。内容背景是可重复的,我的目的是允许页面动态调整而不会破坏任何页面流。我试图通过将“标题图像”应用​​到页面顶部的div - 容器(内容区域和菜单)的“内容 - 背景”,最后是“页脚图像”来实现此目的'在页面底部 - 在容器外面。

当我在页面上的内容非常有限时似乎工作得很好 - 但是,当我在内容区域中放入一些内容时,它只是悬挂在图像的边缘并且看起来很糟糕,而不是重复背景和推动其他divs下来。

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

我没有复制粘贴文本的墙壁,而是将地址发布到我网站上的临时部分。我真的很感激一些关于我是否走在正确轨道上的建议 - 或者我是否方式关闭。

(PS:玩得很开心,我还在努力解决这个问题!)

http://goo.gl/pFY6FB是我网站的地址 - 不要惊慌,我知道这是一个网址缩短,我只是不喜欢我的网页链接到处都贴满了!

2 个答案:

答案 0 :(得分:0)

好像你有几个问题。在#container上设置高度是一个问题,而不清除#content#rightbar元素的浮动是另一个问题。我的信念是,修复这两件事会给你带来你期望的结果。

答案 1 :(得分:0)

根据我对你的问题的理解,你希望你的div标签随着文本越来越多而变大。
解决方案很简单:使用min-width而不是width。它会调整自己