Tag: flexbox

如何从卡片或类似物品获取标题与弹性盒子具有相同的高度？

请不要乱砍 没有硬编码。 这个想法并不是针对一种情况解决它，例如，对于有4列的情况，但是针对动态内容和响应屏幕大小来解决它。 对我来说问题是它基本上不是直接的孩子，而是它的内容 codepen在这里： HTML disclaimer: resize the window. Make the blue headers in a row match height bippo some content lala some content lala bippo some content lala bippo some content lala bippo some content lala bippo some content lala some content lala some content lala oh no this header wraps some content […]

设置一个元素的长度（高度或宽度）减去另一个元素的可变长度，即calc（x – y），其中y未知

我知道我们可以在定义长度时使用calc ： flex-basis: calc(33.33% – 60px); left: calc(50% – 25px); height: calc(100em/5); 但是如果长度是可变的呢？ height: calc(100% – <>); 要么 width: calc(100% – 50px – <>); 在CSS中有一种标准的方法吗？ 我知道使用flexbox和表可以完成整个任务，但我想知道CSS是否提供了一种更简单的方法。 Flexbox，表格和简单的Javascript是可接受的替代方案。 高度演示 宽度演示