0

これは本当に簡単に思えますが、これを実行するための簡単な方法を見つけることができません。

コード：（HTML）

            <div class="col-6-12 subcontent-outer">
            <div class="subcontent">
                <h1>Header</h1>
                <p>
                   Stuff
            </div>
            <div class="subcontent">
                <h1>Header</h1>
                <p>
                   Stuff
            </div>
        </div>

したがって、それぞれ.subcontentがの高さの50％を満たす必要があります.subcontent-outer。これは、最新のブロワーで機能します。コンテナーdivの高さは変わる可能性があります。

これどうやってするの？

ありがとうございました

ハーレー

4

1 に答える 1

2

段落を閉じるのを忘れました。次のように、それらを閉じます。

       <div class="col-6-12 subcontent-outer">
            <div class="subcontent">
                <h1>Header</h1>
                <p>
                   Stuff
                </p>
            </div>
            <div class="subcontent">
                <h1>Header</h1>
                <p>
                   Stuff
                </p>
            </div>
        </div>

それでも問題が解決しない場合は、次のことを試してください。

.subcontent-outer, .subcontent{
    float: left;
}

.subcontent{
    height: 50%;
}

編集：

もちろん、子要素の高さをパーセントで設定するには、親要素に高さを指定する必要があります。

この場合、次の方法で簡単にテストできます。

.subcontent-outer{
    height: 500px; /* for example */
}

.subcontent-outer, .subcontent{
    float: left;
}

.subcontent{
    height: 50%;
}
于 2013-02-17T08:27:16.603 に答える