Html 使子嵌套Div浮动在父嵌套Div的右侧

分区队形：

我想让一个内部div浮动在父div的右侧，而不管父div和子div的宽度如何。

---

我需要将刷新按钮移动到父级右侧，在那里我添加了红色的颜色框（请参见Div formations链接）。

可能最好的方法是在内部Div上使用margin left属性，以产生向右浮动的错觉。

如果我理解正确，下面是您可以做的编辑：进入底部进行新编辑

您的家长div（id=“家长”） 儿童分部（id=“儿童”）

要做到这一点，您需要CSS和HTML

使父div和子div正确嵌套

---

这可能非常适合您

<div class="flex">
    <div class="other-items">
        may be large chunks ..
    </div>

    <div class="right">  <!-- separate the element and give position -->
        right
    </div>
</div>

---

您可以使用下面的css方法来获得它 使用一个

parent

div，然后在按钮

parent

div内，使用

float:right

按钮parent div，并使用

display:inline block

以单行对齐

.box{
宽度：100%；
边框：2倍实心；
填充：10px；
}
.按钮组{
显示：内联块；
浮动：对；
边缘顶部：5px；
}
.仪表板{
边框：2倍实心；
填充：4px；
显示：内联块；
文本对齐：右对齐；
}
.刷新{
边框：2倍实心；
显示：内联块；
右边距：10px；
}
.背景{
边框：2倍实心；
显示：内联块；
}

仪表板
刷新
背景

试试这个：

.parent{
溢出：隐藏；
背景：橙色；
}  
.儿童1{
高度：200px；
宽度：自动；
背景：红色；
浮动：左；
}
.儿童2{
高度：200px；
宽度：自动；
背景：蓝色；
浮动：对；
}

孩子1
孩子2

float:right有效吗？如果没有，可以将当前代码粘贴到此处。@Bk Santigo。。内部div的宽度是自动的。您正在仪表板和刷新按钮周围使用边框，这是什么div？

.flex {
    display: flex;
    position: relative;
}

.other-items {
    width: 98%;
    /*padding-right: 15px;*/
}

.right {
    position: absolute;
    right: 10px;
    top: 0px;
}