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

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b4076c-2bc90.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b4076c-2bc90.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?