1

div の境界線には、コンテンツの高さの境界線のみが表示されます。境界線ですべてを埋めるにはどうすればよいですか?

スクリーンショット:

分周 .

左のdivにborder-rightを設定しました。最初の div では、高さは 1 行だけの長さです。これは、境界線の長さが 1 行だけであることを意味します。(左側のスクリーンショットにない別の div は、その div を現在のサイズに拡張します。これは、境界線を作成する div よりも大きくなります。

height:100% を設定しようとしfloat:leftましたが、すべてに使用しているため、効果がないようです。

編集: 問題に関する短い JSFiddle: http://jsfiddle.net/KvS8w/

4

2 に答える 2

0

編集: css フレームワークを使用しないでください。また、YouTube などには、彼らのための素晴らしいビデオ チュートリアルもあります。

CSS だけが必要な場合は、960 などの CSS フレームワークをお勧めします。;)

よろしく、デイブ

于 2012-11-04T01:36:25.333 に答える
0

昨夜、あなたの質問を誤解しました。また、jsfiddle は、正確な状況を理解するのに大いに役立ちました。

問題は、コンポーネントの高さを 100% に設定すると、その親コン​​テナーの高さが取得されます。それがまだ相対値である場合は、固定値が見つかるまで DOM ツリーを上っていきます。

したがって、メインの DIV に固定の高さを与える (オーバーフローが発生する可能性があります) か、最も高い子に基づいて高さを計算する JavaScript スタイル変換を追加することができます。

編集 ：

ここに簡単なJavascriptソリューションがあります

var divh = document.getElements('.reply');
var i = 0;
for ( i = 0 ; i < divh.length; i++ )
{
        divh[i].style.height = divh[i].offsetHeight +'px';
}

あなたはあなたのものに基づいてこのフィドルでそれを実際に見ることができます。

于 2012-11-04T01:49:05.783 に答える