div 如何置頂？

Question

<div class="productview_layout_left">
      <img class="productview_icon" src="images/ex.jpg">
    </div>

    <div class="productview_layout_right">
      <div class="productview_name">PURE系列 免手洗無耗材｜旋轉平托組</div>
    </div>
    

我有個ＤＩＶ左跟右是這樣寫的

.productview_layout_left{
  width: 64%;
  display: inline-block;
  margin-right: 27px;
}
.productview_layout_right{
  width: 33%;
  display: inline-block;
}

但是我想讓左側和右側的div能夠靠上對齊
要怎麼做才能實現？
不用 POSITION 的方式

Answer 1

浮动，或者设置vertical-align:top;皆可。

Answer 2

可以试试flex布局，或者你可以给两个div设置同样的高度试试。

Answer 3

用flex布局吧