Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.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 找不到使我的页面超过100%宽度的多余页边距_Html_Css_Margin - Fatal编程技术网

Html 找不到使我的页面超过100%宽度的多余页边距

Html 找不到使我的页面超过100%宽度的多余页边距,html,css,margin,Html,Css,Margin,我的一个页面上有一个部分将移动视图的宽度增加了100%以上。我无法找到它,也不知道它为什么这样做。当屏幕位于移动视口中时,我的绿色框占据了屏幕的整个宽度,因此可以看到它 有人知道为什么要增加保证金吗 html,body,div,span,applet,object,iframe, h1、h2、h3、h4、h5、h6、p、块报价、预, a、 缩写,首字母缩写,地址,大,引用,代码, del、dfn、em、img、ins、kbd、q、s、samp、, 小、走向、强、次、辅助、tt、var、, b、

我的一个页面上有一个部分将移动视图的宽度增加了100%以上。我无法找到它,也不知道它为什么这样做。当屏幕位于移动视口中时,我的绿色框占据了屏幕的整个宽度,因此可以看到它

有人知道为什么要增加保证金吗

html,body,div,span,applet,object,iframe,
h1、h2、h3、h4、h5、h6、p、块报价、预,
a、 缩写,首字母缩写,地址,大,引用,代码,
del、dfn、em、img、ins、kbd、q、s、samp、,
小、走向、强、次、辅助、tt、var、,
b、 u,i,中心,
dl,dt,dd,ol,ul,li,
字段集、表单、标签、图例、,
表格、标题、正文、tfoot、THAD、tr、th、td、,
文章、旁白、画布、细节、嵌入、,
图,figcaption,页脚,页眉,H组,
菜单、导航、输出、ruby、节、摘要、,
时间、标记、音频、视频{
保证金:0;
填充:0;
边界:0;
字体大小:100%;
字体:继承;
垂直对齐:基线;
}
.项目箭头框{
位置:相对位置;
背景色:rgb(69186149);
边框:4px实心rgb(69186149);
宽度:33%;
高度:800px;
z指数:99;
}
.项目箭头框:之后,
.项目箭头框:之前{
左:100%;
最高:50%;
边框:实心透明;
内容:“;
身高:0;
宽度:0;
位置:绝对位置;
指针事件:无;
}
.项目箭头框:之后{
边框颜色:rgba(255,0,0,0);
左边框颜色:rgb(69186149);
边框宽度:40px;
利润上限:-40px;
}
.项目箭头框:之前{
边框颜色:rgba(0,0,0,0);
左边框颜色:rgb(69186149);
边框宽度:26px;
利润上限:-26px;
}
#项目内容包装{
利润率:30%13%;
}
#项目-box-title1{
字体大小:1.3em;
颜色:#FFF;
}
#项目-box-title2{
字体大小:10vmin;
颜色:#FFF;
边缘顶部:20px;
}
#项目框说明{
字体大小:1.3em;
颜色:303030;
边缘顶部:50px;
线高:1.6em;
}
/*----------------------------------------------电话媒体查询640--------------------------------------------------------*/
@媒体屏幕和屏幕(最大宽度:640像素){
.项目箭头框{
宽度:100%;
高度:400px;
}
.项目箭头框:之后,
.项目箭头框:之前{
最高:100%;
左:50%;
}
.项目箭头框:之后{
边框颜色:rgba(136183213,0);
边框顶部颜色:rgb(69186149);
边框宽度:30px;
左边距:-30px;
}
.项目箭头框:之前{
边框颜色:rgba(1942252450);
边框顶部颜色:rgb(69186149);
边框宽度:36px;
左边距:-36px;
边际上限:0;
}
#项目内容包装{
利润率:10%5%;
}
#项目-box-title1{
字体大小:1.1米;
颜色:#FFF;
}
#项目框说明{
字体大小:1.1米;
颜色:303030;
边缘顶端:40px;
线高:1.6em;
}
}

启动你的
项目
我们喜欢与全球知名品牌合作。为了开始这个过程,请向我们提供一个高层次的概述,并提交我们的表格。我们会尽快检讨及作出回应。

添加
框尺寸:边框框至640px介质查询内的
。投影箭头\u框
。它有一个4px的边框,与宽度设置为100%不兼容。你们在100%的基础上增加了一个8像素

当使用100%作为块类型元素的宽度时,它将占其父元素宽度的100%。但是,您将为其指定一个边框,该边框必须超出父对象的宽度

边框大小设置为
边框框
后,浏览器将“绘制”该元素的填充、边距和边框,作为其宽度的减法

扩展我的答案:您的另一个页面有两个额外的问题,其核心是:

@media screen and (max-width: 640px)
    .input-borderless

这些输入太大,超出了页面正文。

看起来不错,正好是我浏览器窗口的宽度。请查看更新的问题和图片。这就是它在我的手机和桌面上的一个较小的视口中的显示方式。该代码片段没有显示屏幕截图上的某些代码元素,如菜单…为了查看导致它的原因,我认为我们需要查看整个代码。实际上,您的另一个页面有多个元素导致问题。好吧,我没有想法。我看到了你的页面,并做了我建议你做的更改。这样做之后,我觉得页面看起来很好,不再延伸到窗口之外。很抱歉您可能应该详细说明为什么这是必要的。