等高布局相關《position實現等高布局》 實現的方法主要是基于position:absolute;top:0；bottom:0來實現等高布局！

而本文要使用的方法主要是padding和margin配合等高布局，讓多欄目等高！

如上圖，兩側等高布局，就是使用padding配合margin實現的！

<style>
 .box{overflow: hidden;resize: vertical;}//resize可以去除
 .orange{float: left; background-color: orange;}
 .green{float: left; background-color: green;}
 .orange,.green{margin-bottom: -500px;padding-bottom: 500px; width: 200px;color: #fff;}
</style>
<div class="box">
 <div class="orange">
  orange<br>
  orange<br>
  orange<br>
  orange<br>
  orange<br>
  orange<br>
  orange<br>
  orange<br>
  orange<br>
  orange<br>
  orange<br>
  orange<br>
 </div>
 <div class="green">
  green<br>
  green<br>
  green<br>
  green<br>
 </div>
</div>

這種實現方法還是來自于大神張鑫旭的視頻課程，關于等高布局使用padding，又學了一種方法，這也是今天主要學習padding的一些收獲總結！

最近關于padding寫了太多！