如何在另一个DIV中将4 DIV的权利对齐

Question

我想在父div中的某个位置将4个div放在彼此旁边.所以div结构就是这个(我称之为maindiv最顶层的div):

<div>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
</div>

现在我想在maindiv的左边设置文本"1"的div

现在我想在maindiv的左侧以50像素设置文本'2'的div

现在我想在maindiv的左侧以150像素设置div为文本'3'

现在我想在maindiv的左侧以200像素设置文本'4'的div

我认为:-)我已经尝试过所有可能的css结构,但遗憾的是它没有用.

有人有想法吗？

Answer 1

给position: relative主要的div

position: absolute给孩子们并使用他们left: xyz; top: xyz.