div旁边的图片-HTML

Question

我在一个页面上工作，我在左侧有一个div，宽度为40％（联系卡信息），在右侧，我想在其旁边放置图片。 问题是，图片大于页面的宽度。 我希望它显示的方式是这样的：左边的联系人div和旁边有该图片的另一个div，其高度与联系人div相同，并且位于div的中心。 因此，例如，如果图片是1000x800，则只会显示500x250，但是会从图片中心而不是左上角显示。

与此非常相似，只是我不希望右边的电子邮件联系表： http : //lubie.co/contact/

谢谢。

Answer 1

您可以使用：
HTML：

<div style="width: 100%;">
   <div id="left"></div>
   <div id="right"></div>
   <br style="clear: left;" />
</div>

CSS：

#left{
    height:100px;
    background-color:blue;
    float: left;
    width:40%;
}

#right{
    background-color:#000;
    height:100px;
    float: left;
    width:60%;
}

要在背景上使用图像而不是颜色，只需使用background-image

JsFiddle：
http://jsfiddle.net/just1ed3/2/