18910140161

html-bootstrap容器边距在我不需要时被修改-堆栈溢出

顺晟科技

2022-10-19 14:30:55

206

我不明白是怎么回事,我有一个容器类应用于一个div,边距工作得很好,但是当div中的内容超过视口的高度(滚动条显示)时,容器会自动修改左右边距...因此,在浏览HTML文件时,我可以注意到这个特定的HTML有不同的边距值...

要复制此行为,需要向div添加额外的lorem300。

<section id="turnos">
        <div id="turno-titulo">
            <h3 class="mx-2">Turnos Octubre</h3>
            <p class="mx-2">En esta seccion se detallan los turnos a cumplirse durante Octubre</p>
        </div>
        <div id="turno-tabla">
            <div>
                Lorem ipsum dolor sit, amet consectetur adipisicing elit. Magni, assumenda quaerat sequi, dignissimos voluptates vero odio omnis quas, quisquam doloremque consequatur dicta veritatis quibusdam recusandae. Odit velit tenetur nam quam blanditiis, sed quis facere doloribus obcaecati a iure accusamus est nemo soluta unde repellendus deserunt voluptatibus quas consequatur iusto porro. Ut, voluptate maiores. Sunt eos culpa, amet error sint repellat sed temporibus, quia harum perferendis nam. Doloribus quia laboriosam minus nobis nesciunt nisi? Deleniti ab numquam et facere aliquam, quaerat explicabo. Eius totam est temporibus sed! Vel error, illo eligendi officia assumenda nulla tenetur iste, nobis atque magni veniam in delectus autem id inventore deserunt repudiandae ab, consectetur molestias. Quasi tempora placeat facere, reiciendis dicta accusantium debitis corporis? Aperiam vero, velit dolor, dignissimos, optio ea fuga quidem obcaecati ad autem aspernatur odio suscipit ab eveniet atque. Sit esse quibusdam omnis nihil corrupti magni sapiente dolore debitis, nesciunt quis. Tempora atque quisquam, deleniti voluptatem repellendus dignissimos quibusdam veritatis magnam laborum asperiores fugiat maxime quas numquam eos consequatur autem. Tenetur amet quia, repudiandae beatae facilis exercitationem deserunt aliquid, voluptatum iusto quisquam eveniet quam! Expedita pariatur itaque in voluptatum consequuntur facilis asperiores unde, quasi, assumenda commodi, delectus ullam harum. Rem aspernatur voluptatum expedita, assumenda, eligendi dolorum amet iure, error veniam corrupti sit repellat eius odio sed suscipit incidunt ut beatae molestias labore? Repudiandae vel iure sequi ducimus tempore, vero enim nemo sapiente laboriosam assumenda id! Assumenda eius, ad quos nesciunt aliquid possimus tenetur, quibusdam ratione nostrum sequi nisi. Nesciunt tempore fuga itaque ipsam debitis, atque iure ex earum cum totam sunt excepturi labore numquam corrupti, expedita harum praesentium iste assumenda quos porro? Quo asperiores, earum velit, praesentium ipsum consequatur perferendis ullam, illum atque voluptate a. Fugit exercitationem facere repellendus voluptatem maiores impedit deleniti ducimus, officia, numquam soluta similique aliquam modi assumenda deserunt ullam.
            </div>
        </div>
    </section>

顺晟科技:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航