利用margin負值實現多列等高

<div class="container">
  <div class="left-box">
	左側內容<br>
	左側內容<br>
	左側內容<br>
	左側內容<br>
  </div>
  <div class="right-box">
	右側內容<br>
	右側內容<br>
	右側內容<br>
	右側內容<br>
	右側內容<br>
	右側內容<br>
	右側內容<br>
	右側內容<br>
	右側內容<br>
  </div>
</div>
.container
    overflow: hidden
    .left-box
      float: left
      vertical-align: top
      width: 40%
      background-color: yellow
      padding-bottom: 9999px
      margin-bottom: -9999px
    .right-box
      margin-left: 40%
      vertical-align: top
      width: 60%
      background-color: green
      padding-bottom: 9999px
      margin-bottom: -9999px

注:container的overflow: hidden不可省略

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章