を表示するdiv要素のみ

は次のようなものです：を表示するdiv要素のみ

<body> 
    <div id="content" style="position:relative;"> 
     ...some content here... 
     THE END 
     <div class="red_square" style="position:absolute;right:0;bottom:-90px;height:90px;width:90px;background-color:red;"></div> 
    </div> 
</body>

が、それは明らかにちょうど底に赤い四角が表示されます。私が望むのは、十分な長さ（つまりwhithスクロールバー）であれば、ページは "THE END"で停止し、スクロールバーのないコンテンツでは赤いdivのみを表示することです。私はjavascriptでそれを行うことができますが、最新のブラウザ用の純粋なCSS（2または3）ソリューションがあるかどうかは疑問でした。

出典

2011-12-16 Borgtex

JavaScriptを使用してhttp://jsfiddle.net/デモを作成できますか？ – Blender

コンテンツの高さのためにスクロールバーが表示されていない場合は、表示されている場合は赤い 'div'を表示したいと思うと思います。たぶん、何らかの '@ media'高さクエリがこれに対して機能するでしょうか？あるいは、何かの上に 'overflow：hidden'と' height：100％ 'だけです。私がそれについてあまりにも難しいと思う前に、彼が正確に何を望んでいるのか確認したい。 – justis

私は彼らが行うことができますを介してCSSの表現を参照してuと思う.. uは、それについての詳細情報をオンラインで検索することができます...しかし、彼らはIE上でほとんどサポートしていません... – testndtv

-1

あなたの試したことがあるかどうかわからない場合は、間違っている場合。最新のブラウザには最大高さと最小高さがあり、あなたには助けになるでしょう

出典

2011-12-16 17:35:34 Toping

答えて

関連する問題