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

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

Answer 2

用flex布局吧

Answer 3

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