css - 在包含 div 的一个内联显示的两个图像旁边放置一个 div

Question

考虑以下站点。

我试图在女人的图片旁边放置一个大约 300 像素宽、大约 400 像素高的 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;}

这将确保您的图像是固定宽度的。例如，如果您有一个 1000 像素宽的包装 div，则该#nextTodiv 将是图像占用的其余部分（在我的示例中为 400 像素）。

将max-height属性添加到#nextTodiv 可确保 div 不会落在图像下方，但不确定这是否是您所追求的。