Css 使容器的内容物宽度相同

我正在制作一个页面，页面上有很多内容框，这些框都是响应性的，因此当没有足够的空间时，就会出现换行，并落在另一行。我想绝对定位一些东西相对于顶部最右边的框，所以我需要一个容器，使其与框的宽度完全相同，即使我调整窗口的大小，然后我可以定位：绝对我想放置的元素

我遇到过。它告诉我使用

display:inline块

来做这个把戏，但它没有像我预期的那样工作。看我的例子。 我希望在调整大小时，蓝色边框容器与其内容的宽度完全相同，但不能更宽

我还尝试了

display:inline，变为两行。我希望它放在一个框中，这样当我使用right:0时，它不会引用底部的最后一个框

对这个问题有什么想法吗？谢谢
 这就是你的意思吗

您可能需要设置“最小宽度：XXXpx；”描述符以防止窗口调整容器的大小。“display:inline block；”只是告诉div防止默认块属性，默认块属性告诉每个连续div被视为换行符。它不能防止内容窗口空间已满时发生换行。可以将其视为使div在文本字段中充当字母，当使用的空间已满时，它会中断到下一行。
如果我理解这个问题，您的第一个示例似乎在chrome中工作得很好。您使用的浏览器是什么？不是。我的意思是，在示例中调整窗口大小时，容器的宽度与其内容的宽度不完全相同，但它比应该的宽度更宽。我用的是铬。也许让我编辑一下这个问题来澄清我的意思。你能举例说明你在寻找什么，比如图片吗？猜测你想要的细节对我们没有任何好处。我删除了页边空白以说明问题。由于红色框现在每个宽度为30px，我想要的是使蓝色容器的宽度为30的倍数，因此它完全由红色框填充，没有间隙。它不应该有任何机会有一个像160px的宽度，即使浏览器窗口是这样的。
.box_holder {
    border:1px solid red;
    display:inline-block;
    white-space:nowrap;  //new line
    padding:10px;  //new line
}
.box {
    width:30px;
    height:20px;
    margin-left:10px;  //changed from margin
    background-color:red;
    display:inline-block;  
    vertical-align:top;  //new line
}

.box:first-child {  //new rule
    margin-left:0;
}