css - Div が伸びていない - 下のコンテンツが重なっている

Question

私は試してみましたが、コンテンツを含む div を取得して他の div を押し下げて、重複しないようにすることはできません。明らかにCSSは初めてで、本当に誰かの助けを借りることができます。問題のページはhttp://internet-icg.com/franco/news_mike.htmlにあります。あなたは私が何を意味するかを見るでしょう。

上のdivの高さに応じて、コンテンツの下のdivを押し下げるだけです。

ありがとうございました。

Answer 1

わかった。この行を削除

<img width="1100" height="864" align="left" alt="immaculate reception" src="images/franco_03.png">

CSS で、ここで位置を (絶対ではなく) 相対に変更します。

image .text {
    color: #CAC6B9;
    font-family: "Times New Roman",Times,serif;
    font-size: 18px;
    font-weight: normal;
    left: 65px;
    top: 0;
    position: relative
    width: 765px;
}

絶対位置を相対位置に変更し、ここにフロートを追加します。

.image .text_social {
    color: #CAC6B9;
    float: left;
    font-family: "Times New Roman",Times,serif;
    font-size: 18px;
    font-weight: normal;
    left: 85px;
    position: relative;
    top: 16px;
    width: 220px;
}

これはあなたが望むように見えますか？