我的位置和身高有关当我给它的孩子们时,高度自动功能不起作用

问题描述

我用div的3个部分制作了负责任的Web幻灯片img,为它们提供了(.slide_centent)位置绝对位置和相对于parent(.slides)位置的相对位置,之后parent(.slides)不再具有高度了。我给它px,%高度,但是当我缩小浏览器时,只有div(.slide_centent)与图像一起缩小,parent(.slides)的底部固定在该点上,它会变成黑色,看上去不太好。有什么想法吗?

这是HTML

<section class="slides">
    <div class="slide_centent">
        <a href="#"><img src="images/images1.jpg" alt="images1"></a>
        <button class="slidesbtn1">자세히 보기</button>
    </div>
    <div class="slide_centent">
        <a href="#"><img src="images/images2.jpg" alt="images2"></a>
        <button class="slidesbtn2">자세히 보기</button>
    </div>
    <div class="slide_centent">
        <a href="#"><img src="images/images3.jpg" alt="images3"></a>
        <button class="slidesbtn3">자세히 보기</button>
    </div>
</section>

这是CSS

section.slides {
     width: 100%; 
     height: auto; 
     position: relative; 
}

section .slide_centent{
     width: 100%;
     position: absolute; 
     transition: all 3s;
 }
section .slide_centent img{ 
     width: 100%; 
     height: 100%; 
     min-width: 1500px;}

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

错误1:Request method ‘DELETE‘ not supported 错误还原:...
错误1:启动docker镜像时报错:Error response from daemon:...
错误1:private field ‘xxx‘ is never assigned 按Alt...
报错如下,通过源不能下载,最后警告pip需升级版本 Requirem...