<img/>弄乱容器大小并打破布局

时间:2012-08-17 01:41:17

标签: html css

当我在那里放置图片标签时,有谁可以告诉我为什么会中断?当只有文本时,它不会破坏布局,但是当我向方程式添加图像时,它会像浮动一样混乱布局。

我已经尝试了浮动修复,但它不起作用,我不知道如何修复它。

http://samturrell.co.uk/liberty/

非常感谢任何帮助!

编辑:

显然dyanamicpage.js脚本在页面更改时将高度设置为错误的值。任何想法如何解决这个问题?

3 个答案:

答案 0 :(得分:1)

只需将页面换行高度设为自动。

答案 1 :(得分:1)

在我看来,如果您无法删除dynamicpage.js

,则有两种选择
  1. 如果您知道提前的维度

  2. ,则可以将width/height明确设置为图片
  3. 如果您不了解它们,请尝试更改dynamicpage.js的第一行:
    $(function() {window.addEventLinstener('load', function() { 并删除最后一个

  4. 上的悬空)

    这是因为jQuery加载事件发生在所有下载的图像之前,而且<img>没有设置任何width/height浏览器不知道它的高度所以它假定为0px

答案 2 :(得分:0)

您的高度在页面换行div上明确设置。这与图像无关。