1

Cascade Frameworkを使用しており、ロゴ、選択、および外部サイトへのリンクを含む単純なヘッダーがあります。

私のフィドルはここにあります

デスクトップモードのままで問題ない場合のレイアウト。レスポンシブ モードでは、次のようになります。

---------------------------------------------
Company Name
---------------------------------------------
Volvo
---------------------------------------------
Menu Here
---------------------------------------------

一方、レスポンシブモードでは次のことが必要です。

---------------------------------------------
Company Name                        Menu Here
---------------------------------------------
Volvo
---------------------------------------------

これらの回答は、flexbox または jquery の使用を提案しています。ie8 のサポートが必要なため、flexbox を使用できません。また、jquery に頼る必要はありません。これは、かなり単純な css ソリューションである必要があるように思われるからです。そのページの別の回答は、ユースケースに適応しようとしてきた大量のcssを示していますが、それでも問題は解決しませんでした。

4

1 に答える 1

2

絶対配置を使用するのはどうですか？

.menuHere {
    position:absolute;
    text-align:right;
    right:0
}

http://jsfiddle.net/6txfvvo6/3/

于 2014-09-20T23:41:58.583 に答える