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

Question

如果我有两个div，每次页面加载时页面都会改变宽度（页面每次加载一张不同的图片）如何让其他页面展开或展开，以便它碰到另一个div？

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

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;  
}​ 

这里是你玩一个​​。调整图片div的宽度，看看总结div如何响应