Question

考虑以下site。

我正试图在女人的照片旁边放置一个约300px宽约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;}

这将确保您的图像是固定宽度的。例如，如果你有一个宽度为1000像素的包装器div，#nextTo div将是图像占用的剩余部分（在我的例子中为400px）。

将max-height属性添加到#nextTo div确保div不会低于图像，但不确定这是否是您所追求的。

将div放在两个图像旁边，这两个图像在一个包含div的内嵌中显示

2 个答案: