2011-01-14 5 views
1

さまざまなオプションを混乱させた後、簡単な16_9.jpg(16x9)を作成してdivに入れてdivを強制的に私の理想的な比率を持っていますが、divはその内部要素を%でスケーリングしていないようです。 img height = "100px"のdivサイズに影響するかもしれませんが、パーセンテージを使用すると機能が停止します。 それは私の最後の手段だと思われます。固定高さのレイアウトを作成しなければならないので、正確な幅がわからない場合は、比率のみに頼らざるを得ません。divをインナーimgとの高さと幅が同じになるようにする

答えて

0

高さのパーセントがコンテナの高さに基づいているため、高さが固定されていないdiv内の要素のパーセンテージの高さを使用できません。たとえば、divの高さが200ピクセルの場合、100%に設定されている要素の高さは200ピクセルになります。しかし、divの高さが設定されていない場合、ブラウザは、内部要素のパーセンテージの高さを基にする高さを持ちません。 divや他のブロックレベルの要素は、デフォルトでは動的な高さと幅を持ち、高さはdiv内に含まれる要素の高さによって決定され、幅はdivを含む要素の幅によって決まります。

divの幅をその内容に基づいて設定できる方法の1つは、divを浮動させる場合です。その場合、divはコンテナの幅を基にしなくなり、代わりに子供。しかし、それはあなたにとって最善の解決策ではないかもしれません。あなたが本当に達成しようとしていることについての詳細な情報なしで言い難いです。

関連する問題