Question

我想要一个以页面顶部为中心的导航栏，我希望宽度比屏幕宽度小80px。有没有办法用纯CSS做到这一点，没有javascript？我以前见过这个，但我当时没有费心去查看来源。

Answer 1

只需在导航栏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>

Answer 2

我知道这是一个非常古老的问题，但如果我现在必须这样做，我会使用 vh（视口高度）和 vw（视口宽度）单位。它们类似于百分比单位，但基于视口大小。

width: 80vw

将容器宽度设置为视口宽度的 80%。

CSS宽度x小于宽度？

2 个答案: