0
は次のようなものです:を表示する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)ソリューションがあるかどうかは疑問でした。
JavaScriptを使用してhttp://jsfiddle.net/デモを作成できますか? – Blender
コンテンツの高さのためにスクロールバーが表示されていない場合は、表示されている場合は赤い 'div'を表示したいと思うと思います。たぶん、何らかの '@ media'高さクエリがこれに対して機能するでしょうか?あるいは、何かの上に 'overflow:hidden'と' height:100% 'だけです。私がそれについてあまりにも難しいと思う前に、彼が正確に何を望んでいるのか確認したい。 – justis
私は彼らが行うことができますを介してCSSの表現を参照してuと思う.. uは、それについての詳細情報をオンラインで検索することができます...しかし、彼らはIE上でほとんどサポートしていません... – testndtv