div内の要素を100％の高さに設定する

div内の要素の高さを100％に設定したいとします。要素（ul要素）は相対的に設定する必要があります。リストアイテムは、絶対的に設定されていますが、親要素を参照して設定されています。div内の要素を100％の高さに設定する

は、例を参照してください：100％の高さに緑色のul要素を設定する方法http://jsfiddle.net/mbecker/ee78G/2/

？

ありがとうございます！

2012-06-19 mbecker

'ul'はブロック要素ではないので、高さを与えることはできません。それはあなたが100％の高さにしたい "ul"ですか、それともその内部にある "li"ですか？ –

@JesseWebb 'ul'はブロックレベルの要素iircです。 – canon

@antisanity - 'li'要素だけがブロックレベルだと思っていました。私は確かに見つけようとしましたが、W3Cのサイト（http://www.w3schools.com/tags/tag_ul.asp）はどちらの言い方もしていません。どのように確かに見つけますか？ –

私は#mainにheight: auto !importantを削除しました。その後、height: 100%を#listに設定することができました。

height: autoが必要であるかどうかわかりません。

より詳細な説明を与えるために、height: auto !importantは、コンテンツが要素の高さと！重要なのはheight: 100%を上書きして定義します。この場合、「sd」は、が絶対配置されているため、文書フローの一部ではないため、ulの唯一のものでした。

2012-06-19 20:36:16

ああ！あなたはプラス1に値する説明で！ ;）あなたの答えに将来の訪問者を常に覚えておいてください！ – Zuul

すばらしい説明！どうもありがとうございました！ :) – mbecker

絶対配置を使用するように#list要素を設定してから、上下の座標を設定できます。ここで変更したjsfiddleの例です：

2012-06-19 20:34:29

+1 - これは可能かどうかわかりませんでしたが、これはどのブラウザでも機能しますか？ – Cyclonecode

はい、最新のブラウザで動作します。 IE8 +私は、Firefox、Chrome＆Safariを信じています。 –

答えて