Javascript 图像与文本重叠

你好，我是新来的编码。我的图像与“关于我们”部分中的文本重叠。 在本教程中，我正在观看图像旁边的文本。它不与它重叠。有什么帮助吗

*{
字体系列：“罂粟花”，无衬线；
保证金：0；
填充：0；
框大小：边框框；
}
部分{
填充：100px；
}
.行{
位置：相对位置；
宽度：100%；
显示器：flex；
证明内容：之间的空间；
}
.row.co150{
位置：相对位置；
宽度：48%；
}

关于我们
乌古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古
JJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJ。


lorem ipsum dolores umbridge x她的丈夫Blalallll。

通过

内联块

您的对象将并排放置，并使两个对象的

宽度均为100%

，因此它们将采用各自父对象的宽度。最后，对于文本，我给出了

overflow wrap:break-word

，这样文本就不会随着图像一起折叠

*{
字体系列：“罂粟花”，无衬线；
保证金：0；
填充：0；
框大小：边框框；
}
部分{
填充：100px；
}
.row.co150{
位置：相对位置；
显示：内联块；
垂直对齐：顶部；
宽度：48%；
}
.co150便士{
宽度：100%；
溢出包装：断开单词；
}
.imgBx{
宽度：100%；
}
.imgBx img{
宽度：100%；
对象匹配：包含；
}

关于我们
乌古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古古
JJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJ。


lorem ipsum dolores umbridge x她的丈夫Blalallll。

我们对您正在学习的教程以及此处的预期结果一无所知。我们可以看到的是，您没有（重新）设置任何规则，并且您不可能的文本没有包装。。。使用像lorem ipsum这样的假文本作为可能的文本，您不需要

position:relative

如果您不打算生一个

位置的孩子：绝对最后但并非最不重要的一点是，您的代码工作正常。只需使用没有空格或声明换行点的文本，就会导致溢出，就像使用引导一样。尝试将行分成两列。你的图像放在这里，你的文本放在这里@BonieZat，他清晰地声明了CSS。除2列工作外，如预期。这只是他不可能的文本，没有任何断点/换行，导致溢出。图像是什么样子的？