DIV CSS 佈局教程網

  <div data-widget-config="{'effect': 'fade', 'circular': true ,'navCls':'toseise','activeTriggerCls':'odslos','contentCls':'piaofu'}" data-widget-type="Tabs">
 <div>
  <div data-widget-config="{&#13;&#10;            'contentCls': 'slide-kun1362898230735content',&#13;&#10;            'triggerCls': 'slide-kun1362898230735triggers',&#13;&#10;            'navCls': 'slide-kun1362898230735triggers',&#13;&#10;            'triggerType': 'mouse',&#13;&#10;            'effect': 'fade',&#13;&#10;&#9;&#9;&#9;'prevBtnCls':'prev',&#13;&#10;&#9;&#9;&#9;'nextBtnCls':'next',&#13;&#10;            'steps': 1,&#13;&#10;            'autoplay': true,&#13;&#10;&#9;&#9;&#9;'viewSize':[1920],&#13;&#10;            'circular': true&#13;&#10;        }" data-widget-type="Carousel">
   <div data-widget-config="{'trigger':'.first-trigger2','align':{'node':'.first-trigger2','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup">
    <div>
     <img src="http://img03.taobaocdn.com/imgextra/i3/1578214660/T2YSjlXX8aXXXXXXXX-1578214660.png" /></div>
    <div>
     <img src="http://img04.taobaocdn.com/imgextra/i4/1578214660/T2en2mXkXXXXXXXXXX-1578214660.png" /></div>
   </div>
   <div>
    <ul>
     <li>
      <a href="圖片超鏈接地址scene=taobao_shop" target="_blank"><img height="500" src="圖片地址" width="1920" /></a></li>
     <li>
      <a href="圖片超鏈接地址scene=taobao_shop" target="_blank"><img height="500" src="圖片地址" width="1920" /></a></li>
     <li>
      <a href="圖片超鏈接地址scene=taobao_shop" target="_blank"><img height="500" src="圖片地址" width="1920" /></a></li>
     <li>
      <a href="圖片超鏈接地址scene=taobao_shop" target="_blank"><img height="500" src="圖片地址" width="1920" /></a></li>
    </ul>
   </div>
   <ul>
    <li>
     &nbsp;</li>
    <li>
     &nbsp;</li>
    <li>
     &nbsp;</li>
    <li>
     &nbsp;</li>
   </ul>
  </div>
 </div>
</div>