Html 100vw DIV未显示全宽
我正在尝试将此页面底部的灰色Html 100vw DIV未显示全宽,html,css,Html,Css,我正在尝试将此页面底部的灰色div(id='ex-home-bottom-container')设置为整页的宽度。这意味着要将其从容器分区中分离出来。我已经使用Firefox中的Firebug样式编辑器完成了这项工作(它在站点上不是实时的): #出厂底部容器{ 框大小:边框框; 宽度:100vw; 左:钙(-50vw+50%); } 这类事情过去曾经奏效,但现在不是了。div显示为全宽,但左侧受父div约束。不应该是父div。有什么建议吗 从.site internal中删除溢出:隐藏的,它隐
div(id='ex-home-bottom-container')
设置为整页的宽度。这意味着要将其从容器分区中分离出来。我已经使用Firefox中的Firebug样式编辑器完成了这项工作(它在站点上不是实时的):
#出厂底部容器{
框大小:边框框;
宽度:100vw;
左:钙(-50vw+50%);
}
这类事情过去曾经奏效,但现在不是了。div显示为全宽,但左侧受父div约束。不应该是父div。有什么建议吗
.site internal
中删除溢出:隐藏的,它隐藏了ex home底部容器的扩展空间
left
属性将不起作用,除非指定了位置。改用左边距
#出厂底部容器{
框大小:边框框;
宽度:100vw;
左边距:计算(-50vw+50%);
}
输出:
欢迎:)是的,你是!嗯,还不太清楚。你介意再看一眼吗(我得送我的孩子上学,所以10分钟后回来)。你的应用CSS不在那里。现在没有左边或右边空白。也许是缓存问题?谢谢。我不能直接在网站上编辑CSS,所以我通过与网站所有者的电子邮件进行编辑。事实证明,您需要在calc(-50vw+50%)中的+周围使用空格,否则它不会解析。你能编辑你的答案,把空格放进去吗?@nemmy谢谢你的提醒<如果运算符之间没有空格,code>calc()确实不起作用。