html - ドロップダウン メニューがコンテンツを押しのける

Question

http://borbelykertlabor.hu/

トップメニューで「BLOG」をクリックし、「Dísznövények」をクリックするとメニューがドロップダウンし、<li>要素間に長すぎる文字列コンテンツがある場合、全体をプッシュします。左にulメニュー。

Answer 1

あなたのkategoriak要素は絶対配置されています。しかし、幅は与えられていません。もともと揃えてコーナーに似合うのは偶然！

したがって、コンテンツが変更されると、コンテンツに合わせて幅が拡大されます。この要素を幅 (例: width: 225px) で制限すると、メニューは幅を変更せず、代わりにコンテンツが折り返されます。