私の HTML ページには、合計 3 つのメニューがあります。
- 左に1つ
- 右に1つ
- コンテンツの上中央に 1 つ
左右のメニューはフローティングで、中央のコンテンツとメニューにはメニューの幅と同じ余白があり、中央に配置されます。
これはうまくいっています。しかし、コンテンツ ブロックに他のフローティング コンテンツを挿入して で停止するとclear: both;、次に追加するコンテンツがサイド メニューの下に最大の高さで追加されます。
これは、問題を示す簡単なフィドルです: http://jsfiddle.net/Xy9Ry/
ご覧のとおり、other contentテキストは のすぐ下ではなく、左側のメニューの下に表示されますfloating content。
この問題を解決するにはどうすればよいですか?