さまざまなオプションを混乱させた後、簡単な16_9.jpg(16x9)を作成してdivに入れてdivを強制的に私の理想的な比率を持っていますが、divはその内部要素を%でスケーリングしていないようです。 img height = "100px"のdivサイズに影響するかもしれませんが、パーセンテージを使用すると機能が停止します。 それは私の最後の手段だと思われます。固定高さのレイアウトを作成しなければならないので、正確な幅がわからない場合は、比率のみに頼らざるを得ません。divをインナーimgとの高さと幅が同じになるようにする
1
A
答えて
0
高さのパーセントがコンテナの高さに基づいているため、高さが固定されていないdiv内の要素のパーセンテージの高さを使用できません。たとえば、divの高さが200ピクセルの場合、100%に設定されている要素の高さは200ピクセルになります。しかし、divの高さが設定されていない場合、ブラウザは、内部要素のパーセンテージの高さを基にする高さを持ちません。 divや他のブロックレベルの要素は、デフォルトでは動的な高さと幅を持ち、高さはdiv内に含まれる要素の高さによって決定され、幅はdivを含む要素の幅によって決まります。
divの幅をその内容に基づいて設定できる方法の1つは、divを浮動させる場合です。その場合、divはコンテナの幅を基にしなくなり、代わりに子供。しかし、それはあなたにとって最善の解決策ではないかもしれません。あなたが本当に達成しようとしていることについての詳細な情報なしで言い難いです。
関連する問題
- 1. Androidのレイアウトと同じ幅と高さ
- 2. 必要な最大高さと同じ高さにdivをスケールする
- 3. CSSの幅が未知の高さと同じ高さ
- 4. cssで同じ幅と高さの列
- 5. フローティング内部divを最高divと同じ高さにする方法
- 6. imgの高さに応じてimgの幅を変更する方法
- 7. インナーDIVの高さをどのように設定するのですか?
- 8. 同じ行のdivを同じ高さにする - 動的コンテンツ
- 9. 同じ高さのDivとspan
- 10. IEのdivの高さと幅がFirefoxと異なる
- 11. 高さと幅を持たないimgタグを定義する
- 12. DIV同じ高さ
- 13. ブラウザと同じ次元のCSS div未満30 pxの幅と高さ
- 14. 同じ幅に設定すると、入力とテキストエリアの幅が異なるように見えますか?
- 15. 幅と高さをdivウィジットの位置に設定する:
- 16. jQueryで追加するときに流体設計によるdivの幅と高さの比率を同じにしてください
- 17. 2つのdivに同じ高さがある
- 18. 彼の隣人と同じ 'div'の高さを設定するには?
- 19. 2つのdivを表示テーブルと同じ高さにするCSS
- 20. 外側divを浮動小数点数と同じ高さにする
- 21. のimg自動幅、高さおよび最大高さ
- 22. コンテナdivタグの高さと幅が100%でない
- 23. DIVを5 pxマージンでウィンドウ全体の高さと幅を占めるようにするには
- 24. GridViewColumnの幅をグリッドの幅と同じにする方法
- 25. ListView.ItemTemplateでグリッドの幅をListViewItemと同じ幅にする
- 26. divを他の要素の100%の高さと幅にスケールするには
- 27. クロムにボタンがスローされるのと同じように
- 28. JavaScriptでDIVの幅と高さを設定する
- 29. DIV - 同じ高さのjQueryやCSS
- 30. HTML5 - IMGで幅と高さを使用できますか?