1

アクセスできるように、投稿をフォーマットしてみます。

  • 問題：

1 つの列 div (サイドバー) をその親の高さ、またはその左側の列の高さと一致させようとして、少しイライラしています。純粋な CSS で試してから jQuery で試してみましたが、これまでのところ解決策を見つけることができませんでした。ページ内のコンテンツはコンテンツ管理 (Wordpress + Boostrap) であり、ベース自体は他の 3 つのページのテンプレートとして使用されるため、固定高ソリューションはここではあまり役に立ちません。

また、私が試した最後の jQuery の試みの名残があります。これは、StackOverflow の別の解決策 (非常によく似た問題) からのものです。これはうまくいきませんでしたが、コードを残しました (親 div の colh-parent、2 つの子列の colh-child、ヘッダーの jQuery)。

また、親コンテナと子コンテナをフローティングする方法も試しましたが、どちらも効果がないようです。私は現時点ではあまり経験がなく、この問題は私の頭を少し超えているようです。

  • 問題のページ:

http://okamistudio.com/ssawp/pennants/

  • 目標：

このページのように、青いサイドストリップを白いページの下部に合わせようとしています(ただし、そのページではコンテンツによって強制されています):

http://okamistudio.com/ssawp/about-us/

私が達成しようとしているのは、サイドバー (div.subpage-sidebar) の青い背景が白いストリップの下部に合うようにすることです。私が理解しているように、これにはその親（div.span3）がそのパートナー列（div.span6）または親（div.row / .colh-parent）のいずれかの高さを満たす必要があります。

4

1 に答える 1

2

これは、サイドバーの絶対配置を使用して解決できます。場合によっては、最も望ましいものではないかもしれませんが、私はそれをテストしました。

.colh-parent {
    position: relative;
}
.span3 {
    position: absolute;
    right: 0;
    height: 100%;
}
于 2013-02-07T00:06:20.067 に答える