0

Bootstrap のレスポンシブ グリッド レイアウトを使用しています。2 つの列の間に余白がないように、ページの 1 つの場所を調整する必要があります。左の列には、右の列の左の境界線まで持ってくる必要がある下の境界線があります。

右境界の div の左マージンの削除を補うために div を拡張するにはどうすればよいですか?

私ができること:

  • 左の div の高さを動的に設定して、下の境界線を必要な場所にドロップできます。$('#indented_block .border-bottom').height( $('#indented_block').height()-3 );
  • 左の div の元の幅を特定できます。$('#indented_block .border-bottom').width()
  • 右の div の左マージンを特定できます。$('#indented_block .border-side').css('margin-left');
  • 右の div の左マージンを設定できます。$('#indented_block .border-side').css('margin-left',0);

jQuery.width()メソッドを使用して元の幅を左余白に追加する$('#indented_block .border-bottom').width( $('#indented_block .border-bottom').width()+$('#indented_block .border-side').css('margin-left')); ことはできません: むしろ、これらの値を正確に追加することはできません (何らかの理由で、上記の行は幅をおよその幅に設定しますスクリーン)。

関連するすべての HTML、JS、CSS を含む JSFiddle を作成しました。

4

1 に答える 1