W3QはBiztterに生まれ変わりました!
Web制作に関するお悩みはBiztterへどうぞ!

Biztterで質問する

ID:W9VHXC さんの質問

PCで見たときに2カラムの左サイドバーをレスポンシブの際にメインカラムの下に持ってくることってできますか?PC2カラムの場合はサイドバー右だとできるのですが右しか方法はないのでしょうか。

みんなの回答 3 件

ID:j5tFw7 さんの回答

普通に出来るわよ
HTMLはメインカラム、サイドバーの順番で、サイドバーフロートレフトで、普通に出来る。
釣りじゃねえよな?

ID:W9VHXC

すみません、補足です。
初めから設計していればいいのですが、htmlがside→main の順にしたときのソースの場合で、後からcssのみ書き換えてできるかということです。

ID:kq62RS さんの回答

つflex-box

ID:W9VHXC さんの回答

すみません、補足です。
初めから設計していればいいのですが、htmlがside→main の順にしたときのソースの場合で、後からcssのみ書き換えてできるかということです。

ID:lwWM.6

うーんあんまり良くないかもだけど

左カラムはPCのときだけ表示
メイン絡むの下をスマホのときだけ表示っていう
cssにしたらどうですかね~

ID:eIKdqW

上コメで既に答え出てるけど補足で、flexで使えるorderプロパティで順序変えれます。
//developer.mozilla.org/ja/docs/Web/CSS/order
,
もしflex使えないなら、htmlをside→main→sideにして、sideの表示・非表示をメディアクエリで切り替える。

ID:W9VHXC

なるほど、>もしflex使えないなら、htmlをside→main→sideにして、sideの表示・非表示をメディアクエリで切り替える。

これでいきます!

最終更新日:2017-04-04 (600 views)

関連するトピックス

ページ上部に戻る