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

Question

私はdivを持っていて、高さを100％に設定しようとしましたが、その内容によってdivが大きくなるようにしました。

私は次のことを試してみたし、それが動作しません：100％の追加

：

#latest{ height: 100%; background: #e3e3e3 url(banner_grad.jpg) repeat-x; border: none; margin-top: 10px;} 

は全くの設定高さに持ったままなので、divがちょうど収まるようにコンテンツ：

#latest{ background: #e3e3e3 url(banner_grad.jpg) repeat-x; border: none; margin-top: 10px;} 

私は特定の高さに設定いない場合（例えば、高さ：370pxを;）div要素になりますDreamweaverのデザインビューにアウトラインが表示されていません。非常に奇妙な。

アイデア？

おかげ

Answer 1

heightプロパティを使用すると、div要素にも高さが増加し、コンテンツを追加することに行くcode.If、次の代わりにこの使用のhere.But修正します。

#largest { 
    background: url("firefox-gray.jpg") repeat-x scroll 0 0 #E3E3E3; 
    border: medium none; 
    margin-top: 10px; 
    overflow: auto; 
} 

Answer 2

は、残念ながら、あなたが自分自身を制限することになるので、コンテンツは、div要素が下方に成長させる傾向があり、主として、パーセンテージとしてのdivの高さを設定することはできません。

min-heightのCSSプロパティを見てみましょう。それで、私はあなたの問題をソートするために何らかの方法で行くと思います。

Answer 3

は、あなたがこのように記述する必要ことがありますか「フロート：右の」属性：

html, body{ 
height:100% 
} 

#latest{ 
height: 100%; 
background: #e3e3e3 url(banner_grad.jpg) repeat-x; 
border: none; 
margin-top: 10px; 
} 

Answer 4

はdiv要素の内容が「左フロート」を持っていますか？

Answer 5

html, body{ 
    height:100% 
} 

div{height: 50%} 

これはブラウザの互換性がわからないため、テストする必要があります。

http://jsfiddle.net/ZKZFa/