图像在 Chrome 中无法正确浮动

Question

在这个网站上> http://upcycledonline.com/test/Site/defaultUpCyc.html 当我查看它时在 Chrome 中，rightEdge 图像看起来像是被什么东西推下来了。我已经多次重新排列代码，并在不同的地方尝试了图像，但没有成功。请帮忙！

我应该把它放在 div 中并尝试让它做这样的事情吗？

Answer 1

您可以更改标记吗？如果是这样，请执行以下操作：

<div id="header" style="overflow:auto">...</div>
<img src="leftEdge.png" style="float: left;">
<div style="float:left;">
    <img src="topEdge.png" style="float: left;">
    <div id="content">...</div>
    <img src="bottomEdge.png" style="float: left;">
</div>
<img src="rightEdge.png" style="float: left;">

请注意：

1. 新浮动 div 内的任何内容本身都不应该浮动。

2. 您需要在标题上使用overflow:auto

3. 您必须调整内容div的高度