仅当父div高度小于仅使用CSS的视口高度时才显示div

时间:2011-12-16 17:31:53

标签: css positioning css-position

我正在尝试做的是这样的事情:

<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)解决方案。

1 个答案:

答案 0 :(得分:-1)

不确定我是否得到你的尝试,如果错误的话。 最近的浏览器中有max-height和min-height,这对你很有帮助