ブラウザで本部下

Question

私は一番下のブラウザでdiv要素を揃えるために、コードの以下の部分を使用し

CSS：

/* using the child selector to hide the 
following body css from IE6 and earlier */ 
html>body { 
    background-color: yellow; 
} 

#footer { 
    position:absolute; 
    right:0; 
    bottom:0; 
    background-color:Yellow; 
} 

HTML：

<div id="footer"> 
CCC 
</div> 

これがうまく機能ページはこのページに適合します：

しかし、私はページをスクロールする場合はページの長さは、その後、超えた場合にdivが、トップスクロールばかり：私はトップトップユーザーコントロールでフッターのdivを配置している

。フッターdivの後にいくつかのコントロールがあります。それは問題を引き起こすでしょうか？

Answer 1

あなたはこれを探していますか？http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page？

Answer 2

#footer { 
    position: fixed; 
    right:0; 
    bottom:0; 
    background-color:Yellow; 
} 

絶対HTML本体の絶対相対的であり、固定枠

差異およびposition tag are hereための他の値に対してです。 http://www.cssstickyfooter.com/

Answer 3

は、スティッキーフッターのCSSを使用します。 このコードを使用：

/* using the child selector to hide the 
following body css from IE6 and earlier */ 
html>body { 
    background-color: yellow; 
} 

#footer { 
    position:fixed; 
    right:0; 
    bottom:0; 
    background-color:Yellow; 
} 

Answer 4

あなたはではなく絶対の位置を固定使用する必要があります。