Html 父div中有3个div,最后一个必须填充到父div的末尾(宽度)

Html 父div中有3个div,最后一个必须填充到父div的末尾(宽度),html,css,styling,Html,Css,Styling,我正在做一个简单的清单,中间部分(句子)后面有一个灵活的注释字段,我似乎无法让它很好地填充父部分的剩余空间 我尝试了一些东西,比如一个表和一些显示:inline(block,flex),但我似乎从未得到正确的结果 当剩下的造型div只是一行时,我用一个:after解决了这个问题,删除了第三个div。但是现在第三个div本身就是一个实际的div,我似乎在弹出屏幕结束之前都无法将其整齐地安装好,并且在弹出窗口向右拖动时也会相应地重新调整 简而言之:有3个子div的div,全部显示内联块,当重新调整父

我正在做一个简单的清单,中间部分(句子)后面有一个灵活的注释字段,我似乎无法让它很好地填充父部分的剩余空间

我尝试了一些东西,比如一个表和一些显示:inline(block,flex),但我似乎从未得到正确的结果

当剩下的造型div只是一行时,我用一个:after解决了这个问题,删除了第三个div。但是现在第三个div本身就是一个实际的div,我似乎在弹出屏幕结束之前都无法将其整齐地安装好,并且在弹出窗口向右拖动时也会相应地重新调整

简而言之:有3个子div的div,全部显示内联块,当重新调整父div的宽度时,第3个div必须始终保持在父div的末尾


我错了,皮特·保利是对的!这是一个重复的问题!他指的那个有答案!谢谢你,皮特

您可以使用
float
属性,下面是一个示例:

.testdiv{
浮动:左;
背景色:#aaaaff;
}
.测试组:最后一个孩子{
浮动:无;
背景色:#ffaaa;
}

A.
B
C

可以发布一些代码吗?:)更容易回答请通过单击带括号的按钮提供答案:
使用google for flexbox-它非常适合您的需要。试一试,如果你被卡住了,那么带着你尝试过的和不起作用的回来。就目前情况而言,你的问题太广泛,因此与本网站无关。谢谢皮特。我不知道如何在这里给你竖起大拇指,但你从我这里得到了一个真正的大拇指!拇指向上是否感谢你的编辑,真的很容易阅读,我看到flexbox还有另一种方法,这里有一个例子?