有一个高度自适应的div,里面有两个div,一个高度100px,希望另一个填满剩下的高度,求个方法

有一个高度自适应的div,里面有两个div,一个高度100px,希望另一个填满剩下的高度,求个方法,第1张

box-sizing方案

外层box-sizing: border-box; 同时设置padding: 100px 0 0;

内层100像素高的元素向上移动100像素,或使用absolute定位防止占据空间;

另一个元素直接height: 100%;

absolute positioning

外层position: relative;

百分百自适应元素直接position: absolute; top: 100px; bottom: 0; left: 0by三人行慕课

场景:当元素A是flex 1布局时,仅能决定该元素A撑到父元素的边界,但是如果该元素A的子元素超出A的宽度(或者高度)时,则元素A的子元素会超出该元素A的父元素

比如:元素A是**部分

假设元素A的子元素高度设置6000px

示例链接: >

一、原生方法

元素parentNode,返回元素的第一个父节点。

二、Jquery方法:

1、元素parent(),返回元素的第一个父节点。

2、元素parents(),返回一个包含元素所有父节点的数组。

以上就是关于有一个高度自适应的div,里面有两个div,一个高度100px,希望另一个填满剩下的高度,求个方法全部的内容,包括:有一个高度自适应的div,里面有两个div,一个高度100px,希望另一个填满剩下的高度,求个方法、父元素flex 1时,子元素撑开父元素的原始宽度/高度、js 找到子元素的父元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://outofmemory.cn/web/10156441.html

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

发表评论

登录后才能评论

评论列表(0条)

保存