html – 相对于父级的最大高度不起作用

html – 相对于父级的最大高度不起作用,第1张

概述我试图在“Thickbox”( Javascriptd出窗口)中放入大量内容,它几乎可以正常工作,但是我不能制作max-height:100%; (相对于父级)和overflow-y:滚动;工作. 有两个结果: >它应该是它应该没有垂直滚动而且它超出了盒子(太多了). >它应该是它应该是,垂直滚动,它走出盒子(一点点). 我只是想把它放在盒子里面,有垂直滚动,我不想让它走出盒子.一旦你看了JSFi 我试图在“ThickBox”( Javascriptd出窗口)中放入大量内容,它几乎可以正常工作,但是我不能制作max-height:100%; (相对于父级)和overflow-y:滚动;工作.

有两个结果:

>它应该是它应该没有垂直滚动而且它超出了盒子(太多了).
>它应该是它应该是,垂直滚动,它走出盒子(一点点).

我只是想把它放在盒子里面,有垂直滚动,我不想让它走出盒子.一旦你看了Jsfiddle,你就会知道我的意思:http://jsfiddle.net/m4aKk/(最好在大屏幕上观看 – 1600px).任何建议都会很棒!

为什么身高:100%;或最大高度:100%;与父母不相关?

解决方法 解决方案是使内箱位置绝对.像这样的东西:

@H_419_26@#TB_AJAXContent { wIDth: 440px; overflow-x: hIDden; position: absolute; top: 30px; bottom: 10px;}

这应该按照你喜欢的方式使内部div位置.这是更新的fiddle – 注意我删除了高度:auto;高度:内联样式的100%.

这是让内部div“与父母一样高”的常见技巧.

总结

以上是内存溢出为你收集整理的html – 相对于父级的最大高度不起作用全部内容,希望文章能够帮你解决html – 相对于父级的最大高度不起作用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1073962.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存