問題タブ [skeleton-css-boilerplate]

私はスケルトンフレームワークを使用しており、これが私のコードです:

この出力を取得しています：

私の予想される出力は次のようなものですが：

助けてください、ありがとう:)

私はスケルトンを使用して流動的なレイアウトを作成していますが、ほとんどの場合うまく機能していますが、magento でこの 2 列のレイアウトに問題があります: http://watchgearonline.co.uk/watch-straps.html

左側のサイドバーのナビゲーションは 3 列に設定され、右側のメイン パーツは 12 列に設定されています。

ページの幅を減らすと、右側が下にジャンプし、それを補うために左側が突然非常に広くなり、見栄えがよくなくなります。

CSS max-width: 160px; を使用して停止しようとしました。左側のサイドバーに適用されます - より良いですが、それでもあまり良くありません。右側の列が飛び降りず、そのままの位置にとどまっていればよかったのにと思います。

右側の列をそのままの状態に保ちながら、そのサイズと内容を流動的に保つにはどうすればよいですか? それとも、この領域からスケルトンを取り出して静的コンテンツにする方がよいのでしょうか?

私は Skeleton css ボイラープレートを使用しています。私は次のhtmlを持っています:

右（4列）を下に揃えたい。

私は次のことを試しました：

これは、画面の幅が狭すぎて 2 つの列を並べて収まらないまでposition:absolute;bottom:0;機能し、右の列が左の列の下に表示されます。これはまさに私が望むものです。列 1 の下部の。

top-marginまた、 aと aを効果なしで追加しようとしましたpadding-top。

これを機能させる方法についてのアイデア。

私はこれを試しました: http://themes.simplethemes.com/skeleton/tutorials/how-to-add-custom-css-and-javascript-using-a-child-theme/

そして、これを子テーマディレクトリ内の functions.php に追加しました:

もちろん、skeleton_childtheme/js/additional.js ファイルを作成しました

しかし、それは何もせず、私の additional.js がロードされていません。何か案が？:(

既存のグリッドに 5 つの等しい列を追加するオプションを追加したいと思います。

ここでのstackoverflowに関する以前の質問から理解している限り、次の行を960グリッドに追加する必要があります。

以下のサンプルで、グリッドが構成されていることがわかります。

私が助けを必要としている{ width: ???px; }のは、1200 グリッドの場合と、行を追加した後の各メディア クエリの幅です。.container .one-fifth.column

どんな助けでも大歓迎です-前もって感謝します。

既存のグリッド CSS:

ナビゲーションにサブメニュー項目を追加しようとしていますが、ナビゲーションに正しい HTML があってもサブメニューが表示されません。

Skeleton wordpress テーマを使用しており、ヘッダーは必要に応じて手動で更新されますが、サブメニューを追加する必要があります。

HTML:

CSS: