Html 家长';的相对位置将增长以适应子绝对位置高度

Html 家长';的相对位置将增长以适应子绝对位置高度,html,css,height,css-position,blockquote,Html,Css,Height,Css Position,Blockquote,如何将父对象的高度(相对位置)设置为其子对象的高度 看一看,看看它在起作用 blockquote{ 位置:相对位置; 宽度:100%; 高度:自动; 保证金:0自动; 颜色:#edf0f9; 溢出:隐藏; } 区块报价img{ 宽度:5.5雷姆; 身高:5.5雷姆; 边界半径:50%; 位置:绝对位置; 排名:0; 右:1rem; z指数:2; } blockquote.name块{ 填充:0.1rem 2rem 0.1rem 0.5rem; 背景色:#6e7480; 字体大小:0.8rem;

如何将父对象的高度(
相对位置)设置为其子对象的高度

看一看,看看它在起作用

blockquote{
位置:相对位置;
宽度:100%;
高度:自动;
保证金:0自动;
颜色:#edf0f9;
溢出:隐藏;
}
区块报价img{
宽度:5.5雷姆;
身高:5.5雷姆;
边界半径:50%;
位置:绝对位置;
排名:0;
右:1rem;
z指数:2;
}
blockquote.name块{
填充:0.1rem 2rem 0.1rem 0.5rem;
背景色:#6e7480;
字体大小:0.8rem;
位置:绝对位置;
顶部:2rem;
右:5rem;
z指数:1;
}
blockquote.pos块{
填充:0.1雷姆3雷姆0.1雷姆0.5雷姆;
背景色:#6e7480;
字体大小:0.8rem;
位置:绝对位置;
顶部:3.6雷姆;
右:4rem;
z指数:1;
}
blockquote.txt块{
背景色:#2b2d32;
填充物:5雷姆1雷姆1雷姆1.8雷姆;
位置:绝对位置;
顶部:1.5雷姆;
右:0;
}
blockquote.txt块:在{
内容:'';
位置:绝对位置;
左:1rem;
顶部:4.5雷姆;
左边框:2px实心#6e7480;
高度:计算(100%-5雷姆);
}

无名氏
管家
Lorem ipsum dolor sit amet,奉献精英。肠胃蠕动是指肠胃蠕动和肠胃蠕动。建筑师的职责是在临时性工作中发挥智慧,并在工作中发挥作用
是否包括黑色素性痴呆的累积量减去显著性的无明显差异,是否别名为magni dolorum dolore?非Aspernaturquis减去laboriosam的借方。最大消耗量,最大消耗量
官方的自由是透明的,不包括智慧的自由,也不包括尊严的自由?在自由的世界里,你可以用一种新的药水,一种新的药水,一种新的药水,一种新的药水,一种新的药水,一种新的药水,一种新的药水,一种新的药水
不动产智者不动产智者不动产智者不动产智者不动产智者不动产智者不动产智者不动产智者不动产智者不动产智者不动产智者不动产智者不动产智者不动产智者不动产智者不动产智者不动产智者。Eum eos架构师、埃文尼特·伊洛(eveniet illo)、西特·多洛里巴斯(sit doloribus)、不可替代债务(debitis possimus non placeat quibus dam odio quidem ab dicta dolorum blanditiis accusamus)。
这是我的职责,当然是我的职责!坐在saepe ab velit,adipisci totam rerum nostrum fugit,建筑设计师!

您已经设置了最小高度或高度

blockquote {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  color: #edf0f9;
  overflow: hidden;
  min-height: 100px;
}

当您定位元素
绝对
时,它将从正常流中取出,因此
块引号
(它是您的父
相对
元素)将具有零高度

现在,如果在
blockquote
上使用
overflow:hidden
,它将隐藏所有内容

因此,最好的选择是将一些东西放在正常流程上,即
txt块
-删除
绝对
定位,并给出一个
边距顶部
,以获得所需的效果-参见下面的演示:

blockquote{
位置:相对位置;
宽度:100%;
高度:自动;
保证金:0自动;
颜色:#edf0f9;
溢出:隐藏;
}
区块报价img{
宽度:5.5雷姆;
身高:5.5雷姆;
边界半径:50%;
位置:绝对位置;
排名:0;
右:1rem;
z指数:2;
}
blockquote.name块{
填充:0.1rem 2rem 0.1rem 0.5rem;
背景色:#6e7480;
字体大小:0.8rem;
位置:绝对位置;
顶部:2rem;
右:5rem;
z指数:1;
}
blockquote.pos块{
填充:0.1雷姆3雷姆0.1雷姆0.5雷姆;
背景色:#6e7480;
字体大小:0.8rem;
位置:绝对位置;
顶部:3.6雷姆;
右:4rem;
z指数:1;
}
blockquote.txt块{
背景色:#2b2d32;
填充物:5雷姆1雷姆1雷姆1.8雷姆;
保证金上限:1.5雷姆;
}
blockquote.txt块:在{
内容:'';
位置:绝对位置;
左:1rem;
顶部:4.5雷姆;
左边框:1px实心#6e7480;
高度:计算(100%-5雷姆);
}

无名氏
管家
Lorem ipsum dolor sit amet,奉献精英。肠胃蠕动是指肠胃蠕动和肠胃蠕动。建筑师的职责是在临时性工作中发挥智慧,并在工作中发挥作用
是否包括黑色素性痴呆的累积量减去显著性的无明显差异,是否别名为magni dolorum dolore?非Aspernaturquis减去laboriosam的借方。最大消耗量,最大消耗量
官方的自由是透明的,不包括智慧的自由,也不包括尊严的自由?在自由的世界里,你可以用一种新的药水,一种新的药水,一种新的药水,一种新的药水,一种新的药水,一种新的药水,一种新的药水,一种新的药水
不动产智商不动产智商不动产智商不动产智商不动产智商不动产智商不动产智商不动产智商不动产智商不动产智商不动产智商不动产智商不动产智商不动产智商不动产智商不动产智商不动产智商不动产智商不动产智商不动产智商不动产智商不动产智商不动产智商不动产智商不动产智商。Eum eos架构师、埃文尼特·伊洛(eveniet illo)、西特·多洛里巴斯(sit doloribus)、不可替代债务(debitis possimus non placeat quibus dam odio quidem ab dicta dolorum blanditiis accusamus)。
这是我的职责,当然是我的职责!坐在saepe ab velit,adipisci totam rerum nostrum fugit,建筑设计师!

您能否尝试重新表述您的问题?我不认为你想要达到的目标是明确的。至少对我来说不是。你想要这个吗?这就是你想要的