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

我遇到问题了。当我完成时,一切看起来都很完美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>

喵喵时光机
浏览 137回答 1
1回答

繁华开满天机

问题出在您的 css 中,请在此处删除或更改 height 属性:&nbsp;.section-3&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position: relative;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 100vh;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; .section-4&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 100vh;&nbsp; &nbsp; &nbsp; &nbsp; }
打开App,查看更多内容
随时随地看视频慕课网APP