Html 当子元素有溢出：隐藏和字间距：无换行时，引导cols（flex nowrap）比parrent占用更多空间

我有这个密码

<div class="container">
        <div class="row flex-nowrap" style="overflow: hidden;">
            <div class="col" style="flex: 0 0 120px !important; padding-right: 0 !important;">
                <h1>Title</h1>
            </div>
            <div class="col">
                <p style="overflow: hidden; white-space: nowrap;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem commodi debitis et, exercitationem
                    expedita illo voluptate! Aliquam architecto atque distinctio fugit in natus officia quos! Ipsa ipsum
                    non quidem vitae!</p>
                <div class="row">
                    <div class="col-6">1</div>
                    <div class="col-6 text-right">2</div>
                </div>
            </div>
        </div>
    </div>

标题
Lorem ipsum Door sit amet，Concetetur Adipising Elite。Autem commodi debitis et，实习
快走！Aliquam建筑设计师，以自然的形式，以独特的风格创作！同侧
非quidem vitae

1.
2.

第一列应该有一个固定的宽度，这就是为什么我使用

flex:0 120px

。p标记具有

溢出：隐藏
和
字间距：不换行
，使文本仅显示在一行上，隐藏溢出容器的任何文本。然后我有一行，其中有两列，将一些文本（数字1和数字2）放在该列的底部，因此它在左下角显示1，在右下角显示2

问题在于，由于p-tag具有
溢出：隐藏
和
字间距：无换行
，因此整个父元素与容器重叠，导致数字2不可见。看到这个了吗

我做错了什么？有没有办法解决这个问题？
您需要将您的
溢出：隐藏
放在段落的父元素中-它必须是一个块或内联块元素，并且以某种方式定义或限制了宽度属性（根据父元素的大小或
最大宽度
）


带有
文本溢出的版本：省略号
此处：
是的，完全一样！