하단에 바닥 글을 설정하는 방법은 무엇입니까? 다음

HTML입니다 :

<div id="content"> 
<div id="A"> 
A 
</div> 
<div id="B"> 
B 
</div> 
</div> 
<div id="footer"> 
    footer 
</div>

CSS :

#content{ 
    width:600px; 
} 
#A{ 
    position:relative; 
    float:left; 
    background:#0000ff; 
    width:300px; 
    height:600px; 
} 
#B{ 
    position:relative; 
    float:right; 
    background:#00ff00; 
    width:300px; 
    height:100px; 
} 
#footer{ 
    background:#ff0000; 
}

내가 하단에 바닥 글을 설정하려면,하지만 바닥 글은 단지 사업부의 B. 아래

때 나는 플로트를 사용합니다 : 바닥 글에 왼쪽, 바닥 글에 바닥 글이 있지만 바닥 글의 너비를 설정해야하지만 바닥 글의 너비가 브라우저 윈도우의 너비와 같게하고 싶습니다.

어떻게 바닥 글을 설정하고 바닥 글의 너비를 브라우저 창의 너비와 같게 설정할 수 있습니까? 제안 사항을 보내 주시면 감사하겠습니다.

출처

2010-08-20 Mark Ma