如何解决我的位置和身高有关当我给它的孩子们时,高度自动功能不起作用
我用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 举报,一经查实,本站将立刻删除。