CSSの列は展開/表示されていません

Question

私は2つのサブダクトが列として機能するmiddleContent divを持っています。 middleMain divはうまく動作しますが、middleRight divはコンテンツを入力するか絶対配置を使用しないと表示されません。

これは私のページの写真です：以下CSSで http://imageshack.us/photo/my-images/403/tempzk.jpg/

：高さはmiddleMainのコンテンツに応じて拡大するので

#middleContent 
{ 
    position:relative; 
    min-height:500px; 
    height:auto; 
} 

#middleMain 
{ 
    float:left; 
    height:100%; 
    left:0; 
    right:auto; 
} 

#middleRight 
{ 
    position:absolute; 
    float:right; 
    width:100px; 
    height:100%; 
    right:0; 
    background-color:Orange; 
    top: 0px; 
} 

はしかし、私はそれが相対的な位置で作業する必要があります。 MiddleRightにはコンテンツがありませんが（コンテンツを追加する機能が必要なので、画像を使うことはできません）、基本的に空白のdivを表示する必要があります。全てのページ。

Answer 1

にあなたのCSSを変更

：あなたのHTMLを投稿

#middleContent 
    { 
     position:relative; 
     min-height:500px; 
     height:auto; 

     overflow: hidden; 
    } 

    #middleMain 
    { 
     float:left; 
     height:100%; 
     left:0; 
     right:auto; 
    } 

    #middleRight 
    { 
     position:relative; 
     float:right; 
     width:100px; 
     height:100%; 
     right:0; 
     background-color:Orange; 
     top: 0px; 

     padding-bottom: 9000px; 
     margin-bottom: -9000px; 
} 

http://jsfiddle.net/fXHqL/1/

Answer 2

は、それが動作するはず#middleRight

display:block; 

に次の行を追加します。