html - 我的 div 没有显示？

Question

你好，你能帮我解决这个问题吗？我的 div 没有显示，当我检查它时它在那里，但它没有显示它的全部内容。

这是我的div代码

<div id="men_product"  style="">
 <div class="container-fluid">
   <div class="row">
     <div class="col-md-12">
            <div class="container">
              <div class="row">
                <div class="col-12 col-md-8">
                  <div class="transbox">
                    <img src="images/9img.jpg">
                  </div> <!-- /transbox -->
                </div> <!-- /col-md-6 -->
                <div class="col-6 col-md-4">
                     <div class="carousel slide" id="carouselExampleControls4" data-ride="carousel">
                        <div class="text-md-right">
                          <a class="carousel-control-prev" href="#carouselExampleControls4" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                          </a>
                          <a class="carousel-control-next" href="#carouselExampleControls4" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden= "true"></span>
                            <span class="sr-only">Next</span>
                          </a>
                        </div> <!-- /carousel-button -->
                        <div class="carousel-inner">
                          <div class="carousel-item">
                             <div class="row">
                                 <div class="col-md-3">
                                  <a href="#" class="thumbnail">
                                    <img src="images/3img.jpg" alt="Image" style="max-width:100%;">
                                    <div class="text_box">
                                          <h4 class="hidedesktop">Christmas Clothes</h4>
                                    <div>
                                         <span class="price pull-left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&pound;</span>300.00</span></span>
                                    </div>                                                                                        
                                    </div>
                                  </a>
                                    <a href="" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="352" data-product_sku="" aria-label="Add &ldquo;Christmas Clothes&rdquo; to your cart" rel="nofollow">Add to cart</a>   
                                 </div>
                                 <div class="col-md-3">
                                  <a href="#" class="thumbnail">
                                    <img src="images/3img.jpg" alt="Image" style="max-width:100%;">
                                    <div class="text_box">
                                          <h4 class="hidedesktop">Christmas Clothes</h4>
                                    <div>
                                         <span class="price pull-left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&pound;</span>300.00</span></span>
                                    </div>                                                                                        
                                    </div>
                                  </a>
                                    <a href="" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="352" data-product_sku="" aria-label="Add &ldquo;Christmas Clothes&rdquo; to your cart" rel="nofollow">Add to cart</a>   
                                 </div>                                   
                              </div><!-- END ROW -->
                            </div> <!-- /item -->

                            <div class="carousel-item">
                             <div class="row">
                                 <div class="col-md-3">
                                  <a href="#" class="thumbnail">
                                    <img src="images/3img.jpg" alt="Image" style="max-width:100%;">
                                    <div class="text_box">
                                          <h4 class="hidedesktop">Christmas Clothes</h4>
                                    <div>
                                         <span class="price pull-left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&pound;</span>300.00</span></span>
                                    </div>                                                                                        
                                    </div>
                                  </a>
                                    <a href="" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="352" data-product_sku="" aria-label="Add &ldquo;Christmas Clothes&rdquo; to your cart" rel="nofollow">Add to cart</a>   
                                 </div>
                                 <div class="col-md-3">
                                  <a href="#" class="thumbnail">
                                    <img src="images/3img.jpg" alt="Image" style="max-width:100%;">
                                    <div class="text_box">
                                          <h4 class="hidedesktop">Christmas Clothes</h4>
                                    <div>
                                         <span class="price pull-left"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">&pound;</span>300.00</span></span>
                                    </div>                                                                                        
                                    </div>
                                  </a>
                                    <a href="" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="352">Add to cart</a>   
                                 </div>                                   
                              </div><!-- END ROW -->
                            </div> <!-- /item -->

                        </div> <!-- /carousel-inner -->
                      </div> <!-- /carousel -->

                </div> <!-- /col-sm-6 -->
              </div> <!-- /row -->
            </div> <!-- /container -->

     </div> <!-- /col-md-12 -->
   </div> <!-- /row -->
 </div> <!-- /men-container -->

这是我想要显示的我的 div 的屏幕截图，但它没有显示任何内容

我不知道为什么我的 div 没有显示？你能帮我么!!我已经坚持使用这段代码好几天了 huhu

Answer 1

您似乎缺少一个关闭的 div 标记。在 class="container"之前有 4 个打开的 div，只有 3 个关闭。我认为您的主要包装 div (id="men_product") 没有被关闭，所以这就是它没有显示的原因。或许，当您复制代码时，最后一个 div 没有包含在内？