Css 减少窗口宽度时，如何避免绝对定位的文本元素重叠？

我需要为一个项目创建一个布局，其中不同的文本块被设置为

position:absolute在列中，以便我可以使用
显示：无；我正在努力使它响应。当窗口大小减小时，我的文本块重叠。我不想将文本大小设置为
%

我希望我的文本块彼此跟随而不重叠。有没有关于我如何解决这个问题的线索

我创建了一个解释模式：

创建新网站时，始终使用此处找到的
重置css
模板。通过这种方式，所有html标记都没有自己现有的
填充
或
边距
，您可以按照自己的方式设置样式

当涉及到响应模式时，请始终在
div
元素中使用
%
，并将其应用到
媒体查询中

    @media only screen (max-width:600px) { // Specify viewport value to change the look
  .box-right-absolute {width:40%;}
}


.wrapper{位置：相对；边距：0自动；填充：0；宽度：100%；最大宽度：1200px}
.box右绝对{位置：绝对；右：0；顶部：0；宽度：400px；}
.box次右{位置：相对；最小高度：200px；背景：红色；颜色：#fff；填充：20px；边距底部：10px；}
@仅介质屏幕（最大宽度：600px）{
.box右绝对{宽度：40%；}
}

知识是一种美德，是一种美德，是一种美德，是一种美德。下斜肌、下斜肌、非下斜肌和下斜肌。他把埃格斯塔斯喝得烂醉如泥。这是我的共同愿望。孕妇是一个疯狂的拍卖人。我们坐在一起，默默无闻地坐着。奥古斯的洛博蒂斯·费吉亚·维瓦摩斯。这是一个很好的例子。公共交通设施不受限制，公共交通工具不受限制。在尼布·莫里斯·库苏斯·马蒂斯的赌注中。佩伦茨克精英孕妇和社会自然惩罚。这是一个完整的数字。帕特把埃吉斯塔斯变成了埃吉斯塔斯。在哈奇的孕妇奎斯·布兰迪·图皮斯·库苏斯。
知识是一种美德，是一种美德，是一种美德，是一种美德。下斜肌、下斜肌、非下斜肌和下斜肌。他把埃格斯塔斯喝得烂醉如泥。这是我的共同愿望。孕妇是一个疯狂的拍卖人。我们坐在一起，默默无闻地坐着。奥古斯的洛博蒂斯·费吉亚·维瓦摩斯。这是一个很好的例子。公共交通设施不受限制，公共交通工具不受限制。在尼布·莫里斯·库苏斯·马蒂斯的赌注中。佩伦茨克精英孕妇和社会自然惩罚。这是一个完整的数字。帕特把埃吉斯塔斯变成了埃吉斯塔斯。在哈奇的孕妇奎斯·布兰迪·图皮斯·库苏斯。
显示当前代码的示例，这样会更容易提供帮助。