假设我们有一个以视口为中心的容器......
.centered{margin: 0 auto; width:960px;}
...并且在那个容器内我有另一个需要宽度为视口宽度的100%.我可以设置边距......
.widest{margin: 0 -480px}
... 例如.问题是该值不会是-480px,但实际上是视口宽度(960px) - .centered width/2 ...使用calc()都很好,只有我需要一个负值的结果.
.widest{
margin: 0 calc( (100vw - 960px) / 2 );
}
我已经尝试从0减去这个数字得到负值,但没有去.
我不想使用JS而且我只在Webkit中遇到问题 - 不是使用calc() - 我的问题是,如果我通过这样做将其破解为提交...
.widest{
margin: 0 -100%;
}
...我的页面在Chrome/Safari中水平滚动.
你的意见？