html - 別のdivに到達するまでdivを水平方向に拡張するにはどうすればよいですか？

Question

2つのdivがあり、1つはページが読み込まれるたびに幅が変わる（ページは毎回異なる画像を読み込む）場合、もう1つを展開または展開解除して、もう1つの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がどのように応答するかを確認します