Bootstrap 部分与移动屏幕尺寸上的上述部分堆叠

Question

我遇到问题了。当我完成时，一切看起来都很完美section-3，但是当我开始编码时section-4，它开始堆积在section-3内容上。代码超文本标记语言<!-- Start Of SECTİON TREE !-->    <section class="section-3" id="sec3">        <div class="tribg">            <img src="Parts/triangles.png" alt="" class="img-fluid">        </div>        <div class="container-fluid">            <div class="row">                <div class="card-deck">                    <div class="col-md-4">                        <div class="card mycards">                            <img src="Parts/shield.png" alt="" class="img-fluid" width="50px">                            <div class="card-body">                                <h3 class="card-title">DENEME</h3>                                <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam sint expedita alias, dolorem sapiente culpa distinctio libero saepe. Recusandae numquam aut aliquam, ullam voluptatum placeat quis omnis perspiciatis, distinctio quae eaque nemo consequatur ratione mollitia beatae alias molestiae quod optio ipsa. Totam assumenda, aperiam quae!</p>                                    <div class="btn btn-primary">DENEME</div>                                </div>                            </div>                            <div class="col-md-4">                                <div class="card mycards">                                    <img src="Parts/shield.png" alt="" class="img-fluid" width="50px">                                    <div class="card-body">                                    <h3 class="card-title">DENEME</h3>

Answer 1

问题出在您的 css 中，请在此处删除或更改 height 属性：

 .section-3    {

            position: relative;

            height: 100vh;

        }

        .section-4    {

            height: 100vh;

        }