僅當父DIV高度比CSS視口高度較小的顯示格僅

我想要做的是這樣的：僅當父DIV高度比CSS視口高度較小的顯示格僅

<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>

但這顯然只是顯示在下方的紅色正方形。我想是的頁面停在「THE END」，如果它足夠長的時間（即蒙山滾動條），並顯示紅色的div僅適用於小的內容（不包括滾動條）的網頁。我可以用JavaScript，但我不知道是否有一個純CSS（2或3）解決方案，最新的瀏覽器去做。

來源

2011-12-16 Borgtex

您可以使用JavaScript創建您想要的功能的http://jsfiddle.net/演示嗎？ – Blender 2011-12-16 17:34:32

-1

不知道如果我得到你的努力，佩爾東如果錯了。在最近的瀏覽器中有最大高度和最小高度，這可以幫助您

來源

2011-12-16 17:35:34 Toping

僅當父DIV高度比CSS視口高度較小的顯示格僅

回答

相關問題