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

Question

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

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

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

非常感谢任何帮助！

编辑：

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

Answer 1

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

Answer 2

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

，则有两种选择

1. 如果您知道提前的维度

，则可以将width/height明确设置为图片

2. 如果您不了解它们，请尝试更改dynamicpage.js的第一行：
   $(function() {：window.addEventLinstener('load', function() { 并删除最后一个

上的悬空)

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

Answer 3

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