html div左边div上下 右边div保持水平

可以使用CSS的Flexbox布局来实现左边div上下，右边div保持水平的效果。具体实现方式如下：

HTML代码：

<div class="container">
  <div class="left">左边div上下</div>
  <div class="right">右边div保持水平</div>
</div>

CSS代码：

.container {
  display: flex;
}

.left {
  flex: 1;
}

.right {
  flex: 1;
}

使用Flexbox布局后，父元素（.container）的display属性被设置为flex，子元素（.left和.right）的flex属性被设置为1，表示它们应该等分剩余的空间。这样，左边的div就会自动占据父元素的一半高度，并且右边的div会保持水平。