圖像在鉻合金中沒有正確漂浮

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. 你需要一個溢出：自動在標題

3. 你將不得不調整內容的div