我想要一个以页面顶部为中心的导航栏，我希望宽度比屏幕宽度小80px。有没有办法用纯CSS做到这一点，没有javascript？我以前见过这个，但我当时没有费心去查看来源。
答案 0 :(得分：4)
只需在导航栏div上使用margin-left: 40px和margin-right: 40px。
样品：
<html>
<head></head>
<body style='padding: 0; margin: 0;'>
<div style='margin: 0 40px 0 40px; background-color:red;'>CONTENT YAY.</div>
</body>
</html>
答案 1 :(得分：0)
我知道这是一个非常古老的问题，但如果我现在必须这样做，我会使用 vh（视口高度）和 vw（视口宽度）单位。它们类似于百分比单位，但基于视口大小。
width: 80vw
将容器宽度设置为视口宽度的 80%。