The effect of clearing the float and the upper margin overflow has been set, but there is no problem with clearing the float. The upper margin can't be executed all the time. I don't know why.

1.

clearfix:before{
    content:"";
    display:table;
}
.clearfix:after{
    content: "";
    display: block;
    clear: both;
}

the effect of clearing float and upper margin overflow has been set, but it still can"t be executed. I don"t know why. It"s necessary or necessary to add a table, to solve the reason

<div id="main_details">
<!--     <table></table> -->
    <div class="product_type clearfix">
      <!--3.1+()-->
      <div class="left_side">
        <div class="product_pics">
          <span class="product_id">:</span>
          <img src="img/product/126951_.jpg"><!---->
        </div>
        <div class="product_calendar">
          <div class="product_calendar_wrap">
            <div class="tabs">
              <div class="tab">201809</div>
            </div>
            <div class="header">
              <span></span>
              <span></span>
              <span></span>
              <span></span>
              <span></span>
              <span></span>
              <span></span>
            </div>
            <div></div>
          </div>
        </div>
      </div>
      <div class="right_side"></div>
    </div>
    <div class="product_detail">
    </div>
  </div>
May.27,2021

I found the answer myself, because my clearfix to solve the upper margin overflow is written on the div of the parent element

Menu