Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 街区向外移动_Html_Css - Fatal编程技术网

Html 街区向外移动

Html 街区向外移动,html,css,Html,Css,我正在对一个站点进行编码,但该块正在移出,框阴影无法正常工作。准确地说,类为“sectionbg”的块不合适。我尝试用颜色替换url(),所有内容都已就位。也就是说,问题在于图片本身。 我试着把积木放在中间,把所有的尺寸都设置成百分比也没用。我不知道如何解决这个问题了!请帮帮我。 HTML: .background{ 背景:url()不重复;/**蓝色**/ 背景尺寸:封面; 位置:绝对位置; 浮动:中心; 宽度:100%; 高度:2100像素; 左:0px; 顶部:0px; 底部:0px;

我正在对一个站点进行编码,但该块正在移出,框阴影无法正常工作。准确地说,类为“sectionbg”的块不合适。我尝试用颜色替换url(),所有内容都已就位。也就是说,问题在于图片本身。 我试着把积木放在中间,把所有的尺寸都设置成百分比也没用。我不知道如何解决这个问题了!请帮帮我。 HTML:

.background{
背景:url()不重复;/**蓝色**/
背景尺寸:封面;
位置:绝对位置;
浮动:中心;
宽度:100%;
高度:2100像素;
左:0px;
顶部:0px;
底部:0px;
右:0px;
}
.梯度c{
背景:url()不重复;/**红色**/
背景尺寸:封面;
位置:绝对位置;
浮动:中心;
盒影:0.30pxRGBA(0,0,0,0.4);
宽度:73.125%;
身高:1772px;
左:13.4375%;
最高:13.4375%;
不透明度:0.95;
}
.BG节{
背景:url()不重复;/**绿色**/
背景尺寸:封面;
宽度:97%;
身高:42.21218961625282%;
左缘:2.8%;
利润上限:1000px;
}

文件夹
内容文本

你说的是哪个街区??从你的问题上看不明显。试着重构你的问题:)并且只关注问题,而不关注图像、背景等等。我看到了什么,你的css非常混乱:

  • 首先,使用绝对位置和浮动。。。我不知道为什么有人要这么做。就像你同时向左和向右走一样
  • 通常,将一个元素放在中间的常见做法是{position:relative;margin:0auto;}
  • 如果您确实需要绝对定位,那么要将元素放在中心位置,您应该使用{position:absolute;left:50%;transform-x:translate(-50%);}
  • 如果您使用的是left:和top:请不要同时使用right:和bottom:-或两者
  • 使用绝对定位元素的边距时要小心
  • 试着从头开始,删除所有代码,不要使用绝对位置,除非你真的知道你用它做什么,并尝试添加尽可能少的代码来实现你的目标:如果你看到你需要添加这个,但这会毁了它,你需要加上这个和这个,你会与一些东西产生更多的冲突,这意味着你做错了什么