0

Skeleton CSS グリッドを使用するのは初めてなので、無知なことをお許しください!

私の問題は最初は単純なように見えますが、少し困惑しました。

たとえば、幅 4 列の左側の列のサイドバーと、12 列にまたがる右側の列のコンテンツ領域を持つ Web サイトがあるとします。このようなもの:

左側のサイドバーと右側のコンテンツ エリアを含むレイアウトの例

小さい画面サイズでは、サイドバーが折りたたまれてメイン コンテンツ エリアの上に表示されます。これは私が望んでいるものではありません...小さいサイズでは線形であるため、サイドバーをメイン領域の下に表示して、より多くのモバイルデバイスでコンテンツが「最初に」表示されるようにします。

Skeleton のデフォルトの動作は、このサイドバーをメイン領域の上に重ねることです。

これに関する解決策についてのアイデアはありますか? 負のマージンを使用してマークアップを意味的に調整し、サイドバーをメイン領域の下に配置することはできますか?

ありがとう、マイケル。

4

0 に答える 0