https://play.tailwindcss.com/0ZTC5qOVe2

So, I create a two div for a website thing, and this is what happen: failed mobile text but when we swapped it into a bigger area, the text is not overwritten the div: good desktop text

我try 了一个传统的东西,是的,它是<br>,但我不会使用它,因为我想创建一个响应性的网站,我try 了所有的东西,但它不起作用.

我希望div/文本不会在第一个div上被覆盖,它应该在它下面.使用台式机是可行的,但移动设备不行.

推荐答案

这将帮助您:

将以下CSS代码添加到您的div中:

z-index:99;

仅此而已,修复起来非常简单.

Html相关问答推荐

html中背景色的全单元格R中的Rmarkdown表

如何获得一个背景图像,不是模糊的内部容器,但模糊的外部'

如何在css中将包含多行文本的多个p-tag放在一起(并排)?

如何使用html的<;输入>;处理/绑定Angular 信号?

仅向上扩展并以最大高度滚动的Div

Django中的图像未从静态显示

如何影响flex项目中的flex-gap收缩顺序和文本换行顺序?

如何在HTML中适当地为单选按钮网格添加标签?

十进制数字不适用于格网项目的格网布局线放置中使用的SPAN关键字

div居中碰撞问题

可以';t使我的导航栏在HTML/CSS中正确对齐

下划线在 Bootstrap 5 导航链接下无法正常工作

如何实现与内嵌图像对齐的自动换行?

发送带有图像的Google文档作为HTML格式的邮件正文不再起作用

使用 calc 函数设置字体大小时 Flexbox 项目重叠

如何将某些 div 的高度限制为具有 display flex 行的同一父 div 中的其他 div?

在不扭曲图像的情况下将图像放入灵活的 Div 框内

CSS 斜角与 3 行对齐

沿文本对齐双引号

所有幻灯片上的 Quarto RevealJS 标题