1

我想要一个位于页面顶部中心的导航栏，并且我希望宽度比屏幕宽度小 80 像素。有没有办法用纯 CSS 来做到这一点，没有 javascript？我以前见过这样做，但当时我没有费心去检查源代码。

4

2 回答 2

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>
于 2012-09-02T03:22:27.927 回答
0

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

width: 80vw

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

于 2021-03-17T14:21:34.487 回答