Html 如何水平扩展一个div直到它碰到另一个div？

如果我有两个div，并且每次加载页面时其中一个都会改变宽度（页面每次加载不同的图片），那么如何使另一个div展开或反展开，使其命中另一个div

---

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

这是您需要的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;    
}​

​
#包装纸
{
填充：30px；
浮动：左；
宽度：500px；
高度：400px；
背景：#00FF00；
}
#形象
{
浮动：左；
宽度：100px；
高度：250px；
背景:#中交;；
}
#总结
{
宽度：自动；
高度：200px；
背景：#FF0000；
}​

---

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

您想使用javascript或css动态执行吗？根据我在电子商务商店的经验，您应该将该图像设置为固定宽度。如果它的宽度可变，文本在从一页导航到下一页时会左右跳跃（迷失方向）。哦，我没想到。。。我接受了你的建议，做出了改变，看起来不错，我想顾客不会迷失方向。所以我想这让这个问题变得毫无意义了？这很好，但我决定走另一条路，因为另一个用户在帖子上发表了评论。虽然这确实有效，但我会将其标记为已接受。谢谢：）