外部分区没有扩展到内部分区

Question

所以我几乎检查了所有关于SO的例子，似乎没有一个能解决我的问题，有谁能告诉我我做错了什么？我试图做的就是在另一个div中有一个div，并且在一行中有文本（不是wordwrap）。问题是外部div没有正确扩展到内部div。

示例代码：

<style>
    .container {
        left: 10%; 
        border: 0.2vw dashed black; 
        padding: 3%; 
        position: fixed;
        white-space: nowrap;
    }

    .textbox {
        font-size: 800%; 
        padding: 10%; 
        border: 0.2vw solid red;  
        display: inline-block;
    }
</style>

<div class="container">
    <div class="textbox" >
        Test
    </div>
</div>

Answer 1

Word-break是答案，而不是空白！

.container {
    left: 10%; 
    border: 0.2vw dashed black; 
    padding: 3%; 
    position: fixed;
    word-break:break-all;
}

.textbox {
    font-size: 200%; 
    padding: inherit;
    border: 0.2vw solid red;  
    display: inline-block;
}