3

これを理解するのに苦労しています。これは、タッチデバイスでより使いやすくするために少し変更しているメニューです。したがって、CSSの最初の部分を通常の画面の場合のままにして、タッチスタイルで上書きする必要があります。しかし、サービスが選択されているときに、サービスのサブメニューをサービスの下に配置しようとしています。スケッチを参照してください。私は自分の問題を示すためにフィドルを作成しました。

私の主な問題とそれを解決するものは、絶対位置でもフローティングとクリアでも、ul.level_2を選択したliの下に配置できないように見えることです。何か案は?

意図したレイアウトの画像

問題のJSフィドル

4

1 に答える 1

2

これを実現するために最低限必要なcssが何であるかを示すために、例を少し簡略化しました。http://jsfiddle.net/3EKAq/10/

サブメニューの配置は非常に簡単で、ほぼ自動的に行われ、ご覧のように配置する必要はありません。

鍵は、左側に表示したいメニュー要素、この場合は 4 番目の要素をクリアすることにあると思います。css3 セレクターを使用することも検討できますが:n-th child、クロスブラウザーの互換性のために私はそうしません。

これがあなたを正しい方向に導くことを願っています。さらにサポートが必要な場合は、お気軽にお問い合わせください。

于 2012-08-19T00:37:16.310 に答える