如何水平扩展div直到它击中另一个div？

Question

如果我有两个div并且每次加载页面时都会改变宽度（页面每次都会加载不同的图片）如何让另一个展开或取消扩展以使其达到另一个div？

问题解决了，所以我拿出了网址。

Answer 1

以下是您需要的HTML结构和CSS：

<div id="wrapper">
    <div id="image"></div>
    <div id="summary"></div>
</div>​

#wrapper
{
    padding: 30px;
    float: left;
    width: 500px;
    height: 400px;
    background:#00FF00;    
}

#image
{
    float:left;
    width:100px;
    height:250px;
    background: #CCCCCC;
}

#summary
{
    width:auto;
    height:200px;
    background: #FF0000;    
}​

这是一个DEMO供你玩。调整图片div的宽度，看看摘要div如何响应