Html 锚文本在div之外

我有一个product div和一个显示其名称的锚定标签。它的文本在div之外。如何控制此文本

.element{
边框：1px实心#d1d1；
边缘顶部：5px；
填充：10px；
溢出：隐藏；
最小高度：345px；
最小宽度：221.46px！重要；
最大宽度：230.46px！重要；
}
.元素img{
边缘顶部：20px；
边缘底部：20px；
光标：指针；
过渡：全部。3放松；
}
.元素：悬停{
边框：1px实心#fe9c00；
}
.元素按钮i{
右边距：10px；
}
.元素按钮{
显示：块；
边缘顶部：30px；
边缘底部：20px；
背景：fe9c00；
颜色：#fff；
边界：无；
显示：块；
填充：7px 15px；
字体大小：13px；
线高：19px；
文本对齐：居中；
文本转换：大写；
位置：绝对位置；
宽度：88%；
不透明度：0；
左边距：-11px；
过渡：所有.3s易于输入输出；
}
.元素：悬停按钮{
利润上限：-40px；
不透明度：1；
}
.info专业版{
位置：绝对位置
}
.元素：悬停img{
边际上限：0px；
}
a.要素a{
显示：块；
文字装饰：无；
字体大小：13px；
}
.单元跨度{
颜色：#fe9c00
}

product_image1}“width=“200”height=“200”alt=“img1”/
添加到卡
59849.00卢比
库存

我已删除

.info-pro {
  position: absolute
}

.element{
边框：1px实心#d1d1；
边缘顶部：5px；
填充：10px；
溢出：隐藏；
最小高度：345px；
最小宽度：221.46px！重要；
最大宽度：230.46px！重要；
}
.元素img{
边缘顶部：20px；
边缘底部：20px；
光标：指针；
过渡：全部。3放松；
}
.元素：悬停{
边框：1px实心#fe9c00；
}
.元素按钮i{
右边距：10px；
}
.元素按钮{
显示：块；
边缘顶部：30px；
边缘底部：20px；
背景：fe9c00；
颜色：#fff；
边界：无；
显示：块；
填充：7px 15px；
字体大小：13px；
线高：19px；
文本对齐：居中；
文本转换：大写；
位置：绝对位置；
宽度：88%；
不透明度：0；
左边距：-11px；
过渡：所有.3s易于输入输出；
}
.元素：悬停按钮{
利润上限：-40px；
不透明度：1；
}
.元素：悬停img{
边际上限：0px；
}
a.要素a{
显示：块；
文字装饰：无；
字体大小：13px；
}
.单元跨度{
颜色：#fe9c00
}

product_image1}“width=“200”height=“200”alt=“img1”/
添加到卡
59849.00卢比
库存

我已删除

.info-pro {
  position: absolute
}

.element{
边框：1px实心#d1d1；
边缘顶部：5px；
填充：10px；
溢出：隐藏；
最小高度：345px；
最小宽度：221.46px！重要；
最大宽度：230.46px！重要；
}
.元素img{
边缘顶部：20px；
边缘底部：20px；
光标：指针；
过渡：全部。3放松；
}
.元素：悬停{
边框：1px实心#fe9c00；
}
.元素按钮i{
右边距：10px；
}
.元素按钮{
显示：块；
边缘顶部：30px；
边缘底部：20px；
背景：fe9c00；
颜色：#fff；
边界：无；
显示：块；
填充：7px 15px；
字体大小：13px；
线高：19px；
文本对齐：居中；
文本转换：大写；
位置：绝对位置；
宽度：88%；
不透明度：0；
左边距：-11px；
过渡：所有.3s易于输入输出；
}
.元素：悬停按钮{
利润上限：-40px；
不透明度：1；
}
.元素：悬停img{
边际上限：0px；
}
a.要素a{
显示：块；
文字装饰：无；
字体大小：13px；
}
.单元跨度{
颜色：#fe9c00
}

product_image1}“width=“200”height=“200”alt=“img1”/
添加到卡
59849.00卢比
库存

在

中删除
位置：绝对
在
中。info pro
位置：绝对

从文档流中删除元素，这就是它无法“查看”其他元素的原因

.element{
边框：1px实心#d1d1；
边缘顶部：5px；
填充：10px；
溢出：隐藏；
最小高度：345px；
最小宽度：221.46px！重要；
最大宽度：230.46px！重要；
}
.元素img{
边缘顶部：20px；
边缘底部：20px；
光标：指针；
过渡：全部。3放松；
}
.元素：悬停{
边框：1px实心#fe9c00；
}
.元素按钮i{
右边距：10px；
}
.元素按钮{
显示：块；
边缘顶部：30px；
边缘底部：20px；
背景：fe9c00；
颜色：#fff；
边界：无；
显示：块；
填充：7px 15px；
字体大小：13px；
线高：19px；
文本对齐：居中；
文本转换：大写；
位置：绝对位置；
宽度：88%；
不透明度：0；
左边距：-11px；
过渡：所有.3s易于输入输出；
}
.元素：悬停按钮{
利润上限：-40px；
不透明度：1；
}
.元素：悬停img{
边际上限：0px；
}
a.要素a{
显示：块；
文字装饰：无；
字体大小：13px；
}
.单元跨度{
颜色：#fe9c00
}

product_image1}“width=“200”height=“200”alt=“img1”/
添加到卡
59849.00卢比
库存

删除

位置：绝对
在
.info pro
中
position:absolute
从文档流中删除该元素，这就是它无法“查看”其他元素的原因


.element{
边框：1px实心#d1d1；
边缘顶部：5px；
填充：10px；
溢出：隐藏；
最小高度：345px；
最小宽度：221.46px！重要；
最大宽度：230.46px！重要；
}
.元素img{
边缘顶部：20px；
边缘底部：20px；
光标：指针；
过渡：全部。3放松；
}
.元素：悬停{
边框：1px实心#fe9c00；
}
.元素按钮i{
右边距：10px；
}
.元素按钮{
显示：块；
边缘顶部：30px；
边缘底部：20px；
背景：fe9c00；
颜色：#fff；
边界：无；
显示：块；
填充：7px 15px；
字体大小：13px；
线高：19px；
文本对齐：居中；
文本转换：大写；
位置：绝对位置；
宽度：88%；
不透明度：0；
左边距：-11px；
过渡：全部。3轻松进出