已經(jīng)設置了清除浮動和上外邊距溢出的效果，但是清除浮動沒有問題，上外邊距一直執(zhí)行不了，不知道是為什么

1.

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

已經(jīng)設置了清除浮動和上外邊距溢出的效果，可是實際還是不能執(zhí)行，不知道是為什么，必須還是要加個table，求解原因

<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">產(chǎn)品編號：</span>
          <img src="img/product/126951_.jpg"><!--兩種顯示方式，一個是單張圖片的，一個是輪播效果的-->
        </div>
        <div class="product_calendar">
          <div class="product_calendar_wrap">
            <div class="tabs">
              <div class="tab">2018年09月</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>