Question

最近发现，在容器内定义了“最小高度”但没有“高度”的相对定位的元素不能垂直放置，只能水平放置。我错了吗？有什么理由吗？解决方法？编辑：情况是％最小高度；这是示例：

<div style="position:relative; width:100%; min-height:100%; background-color:pink;">
        <div style="position:relative; top:30%; left:30%; width:700px; height:500px; background-color:yellow;"></div>

“最高排名：30％”被忽略

Answer 1

是的，可以使用flexbox将相对div居中放置在容器中。

<div class="container">
  <div class="center"></div>
</div>

.container {
  min-height: 300px;
  background-color: red;
  display: flex;
}

.center {
  width: 100px;
  height: 100px;
  background-color: blue;
  margin: auto;
  position: relative;
}

最小高度容器内的垂直定位

1 个答案: