繁体 English 中英

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

[英]Show div only if parent div height is smaller than the viewport height with CSS only

原文 2011-12-16 17:31:53 5 1 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 个解决方案

不知道我能不能得到您的尝试，如果不对，请原谅。 最近的浏览器中有max-height和min-height，多数民众赞成在帮助您

该div高度始终小于父div

[英]This div height is always smaller than the parent div

CSS-容器高度与父div高度相同，除非父div小于容器div

[英]CSS - Container height same height as parent div unless parent div is smaller than container div

父div高度小于预期

[英]parent div height are smaller than expected

使div的高度为父td高度的100％（仅限css）？

[英]Making a div's height 100% of parent td height (css only)?

如果 div 的高度小于视口，则在存在覆盖时它不会滚动

[英]If the height of the div is smaller than the viewport, it does not scroll when an overlay is present

使用css使<div>继承父级（<td>）的高度？

[英]Making a <div> inherit the height of parent (<td>) using only css?

CSS - 仅显示固定宽度和高度div的水平滚动条

[英]CSS - Show only Horizontal Scroll bar for a fixed width and height div

CSS：使child-div元素的高度和宽度X像素小于父元素的X像素

[英]CSS: Making a child-div element's height and width X pixels smaller than the parent element's

始终在父div的视口中显示高度滚动条

[英]Always show height scrollbar within the viewport of the parent div

图像不受父 div 高度的限制，只有宽度

[英]Image not constrained by parent div height, only width

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 该div高度始终小于父div CSS-容器高度与父div高度相同，除非父div小于容器div 父div高度小于预期使div的高度为父td高度的100％（仅限css）？如果 div 的高度小于视口，则在存在覆盖时它不会滚动使用css使<div>继承父级（<td>）的高度？ CSS - 仅显示固定宽度和高度div的水平滚动条 CSS：使child-div元素的高度和宽度X像素小于父元素的X像素始终在父div的视口中显示高度滚动条图像不受父 div 高度的限制，只有宽度

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM