css - ストレッチ可能な DIV の問題

Question

私は現在このページに取り組んでいますが、特定のページに表示されるオーバーフローテキストを含む DIV は、高さが「自動」から固定の「高さ」に変更された場合を除き、テキストを含むように引き伸ばされません。CSS は次のとおりです。下：

.single #intro {
    width: 100%;
    height: auto;
    position:relative;
    float: left;
}

score 1 · Accepted Answer

伸ばしたい場合は、 height: を単純に削除する必要がある場所が複数あります。

あれは...

ここ：（349行目）

#rack #main #intro #content-area {
    float: left;
    height: 370px;
    width: 750px;
    padding: 20px 30px 10px 30px;
}

そしてここ：（117行目）

#rack #main #intro {
    width: 100%;
    height: 400px;
}

score 0 · Accepted Answer

float プロパティを使用すると、問題はフッター div にあります。次の要素は、ナビゲーションバーが単に使用した後に配置する必要があると考えます。

<div style="clear:both"></div>

または、clear:both プロパティをコンテンツエリア div の最後またはフッター div の開始に配置します。

[float:right が必要な場合があります]

score 0 · Accepted Answer

このプロパティを使用してoverflow、次のようにスクロールバーを表示できます。

#rack #main #intro {
    width: 100%;
    height: 400px;
    overflow: auto;
}

そうすれば、高さを維持しながら、すべてのコンテンツを表示できます。

3 に答える 3