将div定位到父div的右上角将不起作用

时间:2018-05-31 18:17:32

标签: css

我有一个父div [{1}},我想在其右上角添加一些使用Font Awesome的图标,因此我尝试使用<section>position:absolute给他们top:5px {1}},但它会转到整个页面的右上角,而不是该部分的右上角。 (我希望它位于黄色背景的右上角,每当我决定添加更多图标时,它们也应该是彼此靠近的一个)

**必须以展开模式查看代码段以查看问题

right:5px

第二个片段,我想要设置图标和更多图标:

3 个答案:

答案 0 :(得分:1)

您需要将position: relative;添加到style中的section属性。

这会将section元素相对定位到其

我为你制作了一个JSFiddle,可以在这里找到:

https://jsfiddle.net/sfvLk8yL/

答案 1 :(得分:0)

你需要添加位置:相对于绝对定位元素的父元素

答案 2 :(得分:0)

将包含div标签的标签的位置设置为相对位置。绝对位置相对于具有相对位置的祖先定位。

此处显示部分的位置:relative