如何更改容器div的高度以适合所有动态内容?

时间:2010-02-23 09:29:35

标签: javascript css google-maps html

您可以在此处找到我的问题示例:http://la.truxmap.com/truckpage?id=buttermilktruck

文本内容可以是任何大小,从2行到您在示例中看到的多个段落。我想要的是具有白色背景的容器扩展到静态谷歌地图的底部(这个地图是动态生成的)在div的右上角,如果文本没有延伸那么远,否则我想要div扩展到文本的范围。

我一直想弄清楚我现在能做几天这样做了,你们似乎是我最后的希望。非常感谢!

新问题如下:

2 个答案:

答案 0 :(得分:0)

如果您想确保文本不会脱离块:

  • 给你的div与类trucklogo一个位置:亲戚。

当trucklogo处于相对位置时,您将看到文本不会再出现在块中。

然后:

  • 检查未正确显示的其他元素。
  • 在使用元素及其中的类时保持一致。
  • 如果在div中使用跨度给他们一个类或样式他们......
  • 定位您的trucklogo div。

答案 1 :(得分:0)

所以我玩了一段代码并做了一个非常快速的实验:

  1. 我在页面顶部放了一个严格的doctype:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
  2. 在包含主副本的DIV上,我更改了内联样式:

    position: relative; top: 65px; height: 125%;
    

    到:

    position: relative; top: 65px; margin-bottom: 100px;
    
  3. 这似乎工作得很好。也许试试这个?