html - 我想要没有容器流体的完整 div 但不改变容器宽度和结构？

Question

<分区>

Answer 1

Try this it will be worked fine for you, i have added some CSS

.main {
   padding: 100px 0;
}

.full{
  background:red;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  padding:0 25px 
}

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<section class="main">
    <div class="container">
        <div class="row"></div>
        <div class="col-12">
           <div class="half">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries</div>
           <div class="full">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries</div>
        </div>
    </div>
</section>