1

ページの上部中央にナビゲーション バーを配置し、幅を画面幅より 80 ピクセル小さくしたいと考えています。JavaScript を使用せず、純粋な CSS でこれを行う方法はありますか? 私はこれが以前に行われたのを見たことがありますが、当時はわざわざソースを確認しませんでした.

4

2 に答える 2

4

navbar div でmargin-left: 40pxandを使用するだけです。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(ビューポートの高さ) とvw(ビューポートの幅) の単位を使用します。これらはパーセンテージ単位に似ていますが、ビューポート サイズに基づいています。

width: 80vw

コンテナの幅をビューポート幅の80% に設定します。

于 2021-03-17T14:21:34.487 に答える