Css 如何避免元素重叠？我试着用百分比设置宽度，并使用display:block_Css_Html_Overlap_Overlapping

Css 如何避免元素重叠？我试着用百分比设置宽度，并使用display:block

css html

Css 如何避免元素重叠？我试着用百分比设置宽度，并使用display:block,css,html,overlap,overlapping,Css,Html,Overlap,Overlapping,每次我想缩小浏览器窗口时都会出现重叠，因此手机上的页面看起来很糟糕。我尝试设置宽度的百分比和显示属性，以阻止重叠的元素，但问题仍然不会消失。不管我做了什么。第三个div欢迎部分元素仍然被项目和来自元素的文本所重叠。第二个div欢迎部分超出了它的容器欢迎区{ 位置：相对位置；顶部：50px；利润率：30像素；高度：580px；宽度：100%；显示器：flex；弯曲方向：行；柔性包装：包装； } .第一组欢迎组{ 背景色：rgba255、255、204、0.7；边界半径：30px

每次我想缩小浏览器窗口时都会出现重叠，因此手机上的页面看起来很糟糕。我尝试设置宽度的百分比和显示属性，以阻止重叠的元素，但问题仍然不会消失。不管我做了什么。第三个div欢迎部分元素仍然被项目和来自元素的文本所重叠。第二个div欢迎部分超出了它的容器

欢迎区{ 位置：相对位置；顶部：50px；利润率：30像素；高度：580px；宽度：100%；显示器：flex；弯曲方向：行；柔性包装：包装； } .第一组欢迎组{ 背景色：rgba255、255、204、0.7；边界半径：30px；填充：30px；显示：块；身高：110%；宽度：25%； } .第二分区欢迎组{ 背景色：rgba255、255、204、0.7；边界半径：30px；填充：30px；显示：块；左边距：30px；宽度：25%；身高：110%； } .第三分区欢迎组{ 背景色：rgba255、255、204、0.7；边界半径：30px；填充：30px；显示：块；左边距：30px；宽度：25%；身高：110%； } 计划{ 背景色：006400；背景图像：底部线性渐变，rgba0，133，20，1，rgba39，225，20，1；颜色：白色；转化：转化0，60%；填充：30px；宽度：100%；高度：240px；显示：内联块； } 项目h1{ 文本对齐：居中； } .项目地砖{ 显示：块；浮动：左；文字装饰：无；颜色：黑色；字体大小：粗体；左边距：25px； } .项目磁贴：悬停{ 边框：3件纯蓝；背景颜色：蓝色；颜色：白色；文字装饰：无； } 你好我是克里斯蒂安·安东内斯库。前端web开发人员

罗马尼亚，马拉塞斯蒂市

克里斯蒂安_antonescu1992@yahoo.com

技能： JavaScript CSS3 HTML5 jQuery 永无止境的野心我的旅程：我开始我的网络开发之旅主要是作为一个自学成才的人，从和学习HTML和CSS的基础知识。我还参加了一个网上活动在这门课程中，我提高了很多web开发技能，进入了JavaScript的奇妙领域

是什么激励了我？我的主要动机过去是，现在仍然是创建有用的、设计良好的网页和应用程序，这些网页和应用程序可以改善和娱乐人们的生活，尽管我不得不承认，我开始学习HTML时并不知道它有多美它能给我的生活带来沉迷。这更像是我脑中有一些工作神经元，我能用它们做什么？让我们试着编程，看看它会去哪里

教育：前端开发人员/w3schools.com：

2016年1月-当前

学习编程是一个永无止境的阶段！我总是渴望提高我的技能

前端开发者/freeCodeCamp.com：

2017年2月-当前

我已经在freeCodeCamp上做了很多必要的项目和练习

看看我的一些作品：

改善移动设备外观的最简单方法是通过。这允许您为以下示例中的特定设备大小设置特定于移动设备的CSS，任何低于iPad纵向宽度或768px宽度的内容

我已经注释掉了一些不需要的固定宽度/高度，这允许浏览器根据需要扩展内容，而无需显示多余的空间或剪切内容。@media查询使用flex-direction将第一行更改为一列，并对各个面板的边距设置进行了一些小调整

希望这能帮助您开始优化移动设备的网站

欢迎区{ 位置：相对位置；顶部：50px；利润率：30像素； /*高度：580px*/ 宽度：100%；显示器：flex；弯曲方向：行；柔性包装：包装； } .第一组欢迎组{ 背景色：rgba255、255、204、0.7；边界半径：30px；填充：30px；显示：块； /*身高：110%；宽度：25%*/ } .第二分区欢迎组{ 背景色：rgba255、255、204、0.7；边界半径：30px；填充：30px；显示：块；左边距：30px； /*宽度：25%；身高：110%*/ } .第三分区欢迎组{ 背景色：rgba255、255、204、0.7；边界半径：30px；填充：30px；显示：块；左边距：30px； /*宽度：25%；身高：110%*/ } 计划{ 背景色：006400；背景图像：底部线性渐变，rgba0，133，20，1，rgba39，225，20，1；颜色：白色；转化：转化0，60%；填充：30px；宽度：100%；高度：240px；显示：内联块； } 项目h1{ 文本对齐：居中； } .项目地砖{ 显示：块；浮动：左 ; 文字装饰：无；颜色：黑色；字体大小：粗体；左边距：25px； } .项目磁贴：悬停{ 边框：3件纯蓝；背景颜色：蓝色；颜色：白色；文字装饰：无； } @仅介质屏幕和最大宽度：767px{ 欢迎区{ 弯曲方向：立柱；保证金：0； } .第二分区欢迎组， .第三分区欢迎组{ 左边距：0；边缘顶部：20px； } } 你好我是克里斯蒂安·安东内斯库。前端web开发人员