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 宽度为100vw的Div';我不适合屏幕_Html_Css - Fatal编程技术网

Html 宽度为100vw的Div';我不适合屏幕

Html 宽度为100vw的Div';我不适合屏幕,html,css,Html,Css,我有元素,我想让它全宽(窗口宽度),所以我应用了宽度:100vw,我不希望它是固定/绝对的。应用它之后,结果是:div(底部的页脚)稍微向左移动。 所以我在网上搜索,找到了 回答。我试着采用这种风格,但没有任何改变。我怎样才能修好它 最简单的工作示例:(我使用了一点剃须刀,但它与样式无关。 HTML: 在正文上添加边距0 body { font-family: Arial, sans-serif; margin:0; } 在您的情况下,您应该应用正文{margin:0;} 要

我有元素
,我想让它全宽(窗口宽度),所以我应用了
宽度:100vw
,我不希望它是固定/绝对的。应用它之后,结果是:div(底部的页脚)稍微向左移动。

所以我在网上搜索,找到了 回答。我试着采用这种风格,但没有任何改变。我怎样才能修好它

最简单的工作示例:(我使用了一点剃须刀,但它与样式无关。 HTML:


在正文上添加
边距0

body {
    font-family: Arial, sans-serif;
    margin:0;
}

在您的情况下,您应该应用
正文{margin:0;}

要使全宽或全高成为元素并适合屏幕,必须遵循以下步骤以避免意外情况:

  • 重置正文,html标记CSS属性,如
    html,正文{padding:0;margin:0;}
  • 使用“padding:value”避免水平或垂直滚动,使元素“
    框大小:边框框;
  • 另外,请确保您的元素没有使用“位置:绝对/相对/固定”进行定位,也不要使用“
    上/右/下/左:-50px
    ”的正值或负值来留出空间

  • 在研究和尝试了一些东西之后,我申请了

    .FooterWrapper {
    width: 100%;
    display: inline-block;
    }
    
    结果(注意!我添加了一些
    以确保它不是绝对位置):

    浏览器默认样式可能包括设置为元素父级的自动边距,这些边距将添加到整个视口宽度,从而导致溢出。 您可以尝试通过添加CSS规则重置元素上的默认边距集:

    margin: 0;
    
    或者直接在元素上内联样式属性:

    <div style="margin:0;"></div>
    
    
    @(Stock_WebApp_v2.Resources.AppCulture.Language)
    
    @foreach(Stock_WebApp_v2.Resources.LanguagesAvailable.ApplicationLanguages.Split(“;”)中的字符串值){ @(value.Split(“:”)[1]) }
    你的代码是什么?创建一个请创建一个代码片段的代码,我们会帮助你!你需要发布一个最小的工作示例。@Roy你确定我们需要吗?你在使用引导程序吗?你可以找到所有属性margin right<0px和margin left<0px,然后删除它们。但是页脚仍然开始太左,但结束在正确的位置。是吗ou添加了“*{box size:border box;}”?是的,结果就是图像
    margin: 0;
    
    <div style="margin:0;"></div>