我的AngularJs应用程序的sidenav宽度为75px。我需要margin在内容的容器上相等，所以我在左边距上添加了额外的边距（根据视口大小而有所不同），以补偿sidenav，并给出{{1} }右边的值，如下：
auto问题在于，根据视口大小，右边距并不总是等于左边。我可以调整边距，使它等于.container { width: 92.5%; margin: 0 auto 0 9.5rem; } //right auto, left 9.5rem
，但是一旦我增加/减小尺寸，右边不再相等，容器在视觉上看起来不平衡。
问题
当我必须为左边距使用静态值时，我使用什么CSS属性来保持两边的相等边距？
这里是JSFiddle
答案 0 :(得分：1)
问题是你的app-container从正文开始，而不是从你的容器开始，你可以添加它，然后它将是相同的而不是破坏容器
doubles更好的解决方案是“引导方式”（使用bootstrap或类似的东西 - 所有浮动：左，并以百分比定义宽度）