Bracketsの挙動がおかしい

前提・実現したいこと

エディタ：Brackets、HTML5とCSSを用いてWebの作成を行っている

発生している問題・エラーメッセージ

プレビューが「コードの更新時」と「そこから一度再読み込みをした後」で違う挙動をとる。
エラーは出ていない。

該当のソースコード

html
1<!DOCTYPE html>
2<html>
3  <head>
4    <link rel="stylesheet" href="main.css">
5    <link rel="stylesheet" href="destyle.css">
6    <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
7    <meta charset="utf-8">
8    <title>test</title>
9  </head>
10  <body>
11    <header>
12      <div class="header_contents">
13        <div class="header_logo">
14          <h1 class="logo">test</h1>
15          <img class="logo_axe" src="img/test.svg">
16        </div>
17      </div>
18    </header>
19  </body>
20</html>

※CSSの初期化にはdestyle.css(https://github.com/nicolas-cusan/destyle.css)を用いている

css
1.header_contents {
2  background-color: #c7d7f0;
3}
4
5.header_logo {
6  position: relative;
7  text-align: center;
8  width: 100%;
9  height: 100px;
10}
11
12.logo {
13  font-weight: 600;
14  font-size: 50px;
15  padding-top: 20px;
16}
17
18.logo_axe {
19  position: absolute;
20  top: 0;
21  left: 47%;
22  opacity: 0.2;
23  width: 100px;
24}

補足情報（FW/ツールのバージョンなど）

可能であれば上記挙動の原因をご教授願いたいです
Brackets v.1.14(最新)

m.ts10806

2020/06/28 02:48

具体的にどういう挙動なのでしょう。プレビューではなく普通にブラウザ表示させた場合はどうでしょうか

48clova

2020/06/28 02:53

ブラウザ表示は想定通りの挙動をとりましたプレビューの場合、コード更新直後は想定通りに挙動をとりましたが、一度再読み込みを入れると・headerのbackground-color指定が効かなくなった・logo_axeのposition位置指定が初期位置に戻る(top, left指定が効かなくなる) 等の挙動をとりました

m.ts10806

2020/06/28 03:31

基本的に質問本文に追記してください