1.

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

已经设置了清除浮动和上外边距溢出的效果，可是实际还是不能执行，不知道是为什么，必须还是要加个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">产品编号：</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>