html - div 旁边的图像 - HTML

Question

我在一个页面上工作，左边有一个宽度为 40% 的 div(名片信息)，右边我想在它旁边放一张图片。问题是，图片比页面的宽度大。我希望它显示的方式是这样的:左边的联系人 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/