html - 如何水平扩展 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的宽度，看看summary div如何响应