將一個div放在兩個圖像的內部，其中一個div包含一個div

Question

請考慮以下site。

我想在女人的照片旁邊放置一個寬約300px的div大約400px的div。我試圖將div顯示爲內聯，但無濟於事。我試圖向左飄，但再次沒有運氣。有什麼想法嗎？

Answer 1

你可以下一個位置它的形象，通過使用下面的CSS：

.emailForm { 
    width: 260px; /* anything above 260px will fall over to the next line */ 
    /*float: right;*/ /* remove float */ 
    display: inline-block; /* inline-block since you want specific width and height */ 
    height: 434px; 
    border: 1px solid black; 
} 

注：敢肯定你正在使用它，但如果你不能，不要使用Firebug或Chrome開發工具，使這樣的任務輕而易舉。

Answer 2

試試這個，

<div id="wrap"> 
<div id="nextTo"></div> 
<img id="woman" src="#" width="600px" height="400px" /> 
</div> 

CSS

#wrap {width: 1000px; margin: 0 auto;} 
#nextTo {float: right; max-height: 400px;} 

這將確保你的形象是固定的寬度。例如，如果您有一個寬度爲1000px的包裝div，則#nextTo div將是圖像佔用的剩餘部分（在我的示例中爲400px）。

將max-height屬性添加到#nextTo div可確保div不會低於圖像，但不確定這是否是您要的。