使用相对和绝对定位CSS元素

我试图定位CSS中使用“绝对”和“相对”的元素，我也使用“填充”和“边距”来定位，但我的整个卡片元素都乱七八糟。代码如下：

• 相对的
• 绝对的
• 边际
• 填充物

.side3\u风格{
左侧填充：15px；
}
.side3 dp img{
位置：相对位置；
显示：内联块；
顶部：4px；
高度：40px；
宽度：40px；
光标：指针；
边界半径：50px；
右边距：15px；
浮动：左；
}
.side 3信息{
显示：内联块；
顶部：4px；
}
.side3名称{
字体系列：“开放式Sans”，无衬线；
字体大小：14px；
颜色：#3b3b；
字体大小：粗体；
光标：指针；
}
.user3次{
字体系列：“开放式Sans”，无衬线；
字体大小：10px；
颜色：#9D9D9D；
}

---

一般来说，您有一个根div'a'，在其中设置位置：相对，然后在此div中放置另一个具有绝对位置的div'B'

<div id="A" style="position: relative"><div id="B" style="position: absolute; top: 100px;left:100px;"></div></div>

如果您检查上述代码，您将看到分区B将放置在距离分区A的^100px顶部距离处，而距离分区A的<100px左侧距离处，只要有分区A存在

此外，如果您使用float-css属性，您必须非常小心，因为您无法轻松地基于父元素进行定位

---

我希望这有助于

使用html和css代码创建fiddle，并放置它们。您需要清除float@aviboy2006千万不要让别人那样做！代码将在问题中呈现，而不是任何第三方站点。谢谢你，伙计！这很好，我将再次使用填充定位元素，很好@帕特里克如果你喜欢这个答案，你可以投赞成票