質問: ### HTMLでstyle指定をすると正常に作動するのですが、CSSの外部ファイルを使うと、Navbarの左にどうしても余白が出来てしまいます。これはなぜですか?解決法と一緒に教えてください。簡単なことだとは思いますが、よろしくお願いします。 ### 該当のソースコード ``` ``` ### 該当のソースコード ``` .navbar{height: 50px; width: 100vw; position: fixed; top: 0px; left: 0px; background-color: #323232;} ``` ### 試したこと CSSでポジション指定をして、left: 0px;にしたのですが、左に余白が出来てしまいます。left: -15px;だと自分が思っている位置に来るのですが、理由が分からず、できれば0pxで合わせたいので、教えてください。また、htmlでstyle指定をすると正常に作動しました。 ### 補足情報(言語/FW/ツール等のバージョンなど) Bootstrapの最新版を使用しています。
回答: 該当のコードだけでは分からないんですが、おそらく外部CSSにするとダメって事であればbootstrapのCSSを読み込んでるより後に作成した外部CSSを読み込むようにすれば良いと思います。 .navbar自体はBootstrapで定義されているので、これで直ったのであればCSS等は基本「後で呼んだ物で上書きされる」という原則を覚えていて下さい。