CSS 变量 child-height 取决于 parent-height

标签 css html height

:)

所以问题如下:

enter image description here

红色框是父框。 蓝色框将保存留言簿评论。 黄色方框将放置留言簿公式。 现在:绿色框将包含一条与蓝色框一样长的线。这意味着绿色框的高度应该等于蓝色框的高度,但不是预先定义的。

我尝试使用“高度:100%”,但没有成功。它给了我一个和我的屏幕一样大的盒子。

你有什么想法吗?

最佳答案

查看 Faux Columns ,一种用于解决此问题的非常常用的技术。本质上,您将所有三个背景组合成一个,并将该图像设置为包含框的背景。这样,当包含框变大时,您的内部列也会变大。

关于CSS 变量 child-height 取决于 parent-height,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6347366/

相关文章:

javascript - Div 不会调整大小

css - 最小 vh 值(CSS)?

javascript - 如何定位 Highcharts 路径?

javascript - 更改 - css - backgroundColor 函数(纯 javascript)不起作用

php - CTYPE_ALNUM 的奇怪之处

javascript - 如何设置箭头键按顺序浏览 <img> 标签?

html - CSS :after will not work

javascript - 带封面的全屏背景,但专注于图像的一部分

html - 如何让div占据剩余高度?

data-structures - 节点数与高度的关系