0

現在、このテンプレート -リンク- をデザインしていて、厄介な問題が発生しました。この 3 時間、メイン コンテンツの垂直境界線を 100% の高さにする方法を見つけようとしました。しかし、どういうわけかうまくいかず、垂直線とフッターの間に隙間ができ続けています。これをfoundation-zurb 4フレームワークで構築しているため、複数のcssファイルが含まれていますが、できるだけシンプルにしようとしました. 必要に応じて、リンク 2からファイルをダウンロードできます。これが質問しすぎないことを願っています...

前もって感謝します ;）

4

2 に答える 2

2

これを使用して、メイン コンテナーの高さをその親の高さ (行 div の高さ) に等しく設定します。
フッターのどこかでこれを使用することをお勧めします。 

<script type="text/javascript">
   $('document').ready(function(){
      var parentHeight = $('div.large-9').parent().height();
      $('div.large-9').height(parentHeight);
   });
</script>


私があなたのウェブサイトをチェックしたように更新すると、小さなウィンドウサイズでこの境界線を削除する必要があるため、これを css ファイルに追加します。

@media screen and (max-width: 740px){
    .container.right-border {
       border-right: none;
    }
}
于 2013-06-15T08:25:41.523 に答える
0

スクリーンショットに示されているものが欲しいと思います。実際に<div class="large-9 columns container right-border">は、コンテンツとともに境界線を終了させる正しい境界線があります。右の境界線を削除し、次の div に左の境界線を追加し<div class="large-3 columns sidebar" style="border-left: 1px solid #dedede;">ます。結果のスクリーン ショットもここに添付されます。

ここに画像の説明を入力

于 2013-06-15T06:26:41.837 に答える