Html 绝对div父级中的css div子级

对css来说是个新手问题

我使用

position:absolute

现在我想在父div中创建子div。 他们应具备：

• 母体全高
• 差异宽度（应加起来等于父级宽度）
• 也许是填充，但我应该可以添加自己

很像不同大小的柱子

到目前为止，我所做的（仅限于父div，因为我所尝试的一切都是一团糟：（）：

.parent{
位置：绝对位置；
宽度：80%；
身高：75%；
排名：0；
底部：0；
左：0；
右：0；
保证金：自动；
背景：#000000；
}

---

一条建议。不要在布局中使用

位置：绝对

。只有在必要时才使用。排列元素的方法有很多，而不仅仅是位置：绝对

不太清楚你“弄糟”了什么，但你可以在父对象上使用flexbox->add

display:flex

，并在其中任意排列你的子div

在这里阅读更多关于和关于其他教程的信息

.parent{
位置：绝对位置；
宽度：80%；
身高：75%；
排名：0；
底部：0；
左：0；
右：0；
保证金：自动；
背景：#000000；
显示器：flex；
柔性包装：包装；
}
.孩子{
框大小：边框框；
}
.儿童1{
背景：红色；
弹性：0.30%；
填充：15px；
}
.儿童2{
背景：绿色；
弹性：0.50%；
}
.儿童3{
背景：蓝色；
柔性生长：1；
}

带填充的文本
没有填充物
没有填充物

也许可以加上“我尝试过的一切都是一团糟”在这里，我们可以描绘出你的问题…给我们更多的背景你做了什么。你试过flex box吗？是的，现在我自己用FlexBox解决了它…有什么建议我可以用来取代我的位置：Absolutebox@bigsmokecriminal嗯，这取决于你想做什么。你需要/想要你的布局是什么样子。记住，p位置：绝对位置元素相对于设置了位置的第一个父元素。因此不总是相对于主体/HTM。我希望我的父框位于屏幕的中心。我在stackoverflow上搜索过，许多ppl建议使用位置：绝对位置是你的父元素直接位于“主体”下吗？还是它有其他父元素？