Html 如何在左上角设置内div位置

我有一个主分区，我在其中创建了一个小分区，现在试图定位在左上角，但它不起作用。实际上我有一个要求，如果一个文本很小，那么把它放在垂直的中心。但如果文本增长，则将其移到顶部，直到达到主div的高度，然后将其环绕。 有人能告诉我如何使这个小块（勾号div）只在左上角，这样它就不会改变它的位置，无论文本是大还是短

.main框{
边框：1px实心#adb8c0；
高度：80px；
宽度：119px；
颜色：#026890；
}
.小盒子{
浮动：左；
宽度：16px；
高度：16px；
字体大小：16px；
边框：1px实心rgba（0,0,0,2）；
位置：相对位置；
颜色：浅灰色；
文本对齐：居中；
字体大小：粗体；
}
.国旗标签{
字体大小：13px；
字号：500；
线高：15px；
单词break：打破一切；
显示：-网络工具包盒；
-网络工具包盒方向：垂直；
-webkit线夹：5个；
溢出：隐藏；
颜色：#026890；
文本对齐：居中；
}
横剖面{
显示器：flex；
证明内容：中心；
背景色：#cff；
/*宽度：100px；
高度：60px*/
}
垂直分区{
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
颜色：黑色；
}

✓
这是一个正确的位置
✓
一
✓
12
✓
一二三四五六

您可以首先将

位置：相对
添加到
主框
和
位置：绝对，顶部：0，左侧：0到
小盒子
。在您的
标志标签上添加至少16px的左边填充（也用于平衡的右边填充），以防止if进入标志之下。显然，这只会解决您的问题，如果没有额外的样式，它看起来不会很好。
您可以从添加
位置：相对
到
主框和
位置：绝对，顶部：0，左侧：0到
小盒子
。在您的
标志标签上添加至少16px的左边填充（也用于平衡的右边填充），以防止if进入标志之下。显然，这只会解决您的问题，如果没有额外的样式，它看起来不会很好。
您需要删除
justify content:center
从
div.horizontal
，这将使
float:left
属性正常工作。
您需要删除
justify content:center
从
div.horizontal
，这将允许
float:left
属性正常工作