この種の問題をたくさん見てきましたが、まだ特定の問題を修正できません。私は次のようなものを持っています
<div id="container">
<img src="image.png"/>
<div id="menu"><ul>(...)</ul></div>
</div>
問題は、画像の高さがわからないことです。画像をできるだけ広くしたいだけで、その高さは比率を維持して自動的に設定する必要があります。「メニュー」div はその画像の下にあり、残りの高さを占める必要があります。
#container img{
width:100%;
}
#menu{
width:100%;
}
#menu li{
height:50%;
}