私の CodePen : http://codepen.io/leongaban/pen/wzumq
こんにちは、今日は 6 列のレイアウト (1 行あたり 3 列) です。3 列目は非常に長く、サイドバーのようです。
設計に従って、列 4 と 5 は列 1 と 2 の下部に近づける必要があります (10px のパディングとしましょう)。
問題は、現在すべてが左に浮いているため、長い列 3 が列 1 と 2 の下部と列 4 と 5 の上部の間にスペースを作りすぎていることです。
小さなブラウザー ウィンドウでは、div のスタイルを変更するための適応コードがいくつかあるため、div の位置をそのまま維持したいと考えています。
これを行う簡単な方法はありますか?または、列 4 を 1 の下の別の列内に配置し、列 5 と 2 についても同じようにする必要がありますか? 次に、画面サイズが変更されたら、jQuery を使用して div を再配置しますか?
現在の問題:
私が行こうとしていること: