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,正文{padding:0;margin:0;}
框大小:边框框;
”上/右/下/左:-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>