divの参照でdivを整列

Question

すべてのdivの下部にあるdivを整列しようとしています。

最後のdivは浮動divで、CSSから上に揃えられます。

画面の解像度を変更することなく、左から揃える方法がわかりません。可能であれば、その位置が常に固定されているdivのIDをcssの助けを借りてそのdivから離しておくことができるかどうか教えてください。

<div id='fixeddiv'>this div is at the top</div> 
<div> rest of the divs </div> 
<div> rest of the divs </div> 
<div> rest of the divs </div> 
<div> rest of the divs </div> 
<div> rest of the divs </div> 
<div> rest of the divs </div> 
<div id='bottom_div'>this div is floating</div> 

おかげ

Answer 1

まあ、私が正しくあなたを理解し、あなたはトップに1左の位置合わせを与えたい場合下位のdivと別のdivのdivには、クラスを使用します：

<div id='fixeddiv' class='header-and-footer'>this div is at the top</div> 
<div class='other-content'> rest of the divs </div> 
<div class='other-content'> rest of the divs </div> 
<div class='other-content'> rest of the divs </div> 
<div class='other-content'> rest of the divs </div> 
<div class='other-content'> rest of the divs </div> 
<div class='other-content'> rest of the divs </div> 
<div id='bottom_div' class='header-and-footer'>this div is floating</div> 

CSS：

.header-and-footer { 
    margin-left: 50px; 
} 

.other-content { 
    margin-left: 10px; 
} 

か：

div { 
    margin-left: 10px; 
} 

div.header-and-footer { 
    margin-left: 50px; 
} 

Answer 2

ユーザーjqueryのオフセット

http://api.jquery.com/offset/ 

、その後

var offsetval=$('#relativediv').offset() 

$('#bottom_div').css('left',offsetval.left);// change left value the way you want