Проблемы с VS Code Live Server и Chrome ⇐ CSS

[Anonymous]

Переписал этот пост, добавив больше информации. Пожалуйста, дайте мне знать, если это правильный способ форматирования!
Я использую Google Chrome в качестве браузера по умолчанию, и каждый раз, когда я в последнее время проверяю свой код на Live Server, появляется дополнительное окно. в конце моей работы. Когда html экспортируется, он выглядит нормально, и когда я пытаюсь загрузить код в другом браузере, он также работает отлично. Это ошибка хрома? Я обновил браузер Chrome, но в нижней части основного сервера по-прежнему появляется дополнительное поле.
Исходный HTML

Код: Выделить всё

    




Template

Оригинальный CSS

Код: Выделить всё

/* Box Model */
* {
box-sizing: border-box;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clear {
clear: both;
}

header, footer {
height: 100px;
border: 2px solid black;
clear: both;
}

section{
height: 300px;
width: 20%;
border: 2px solid black;
float: left;
}
.bigSection{
width: 40%;
}

Вот действующий код: HTML Live Source (http://127.0.0.1:5500/template/index.html)

Код: Выделить всё

    


Template


@font-face {
font-weight: 400;
font-style:  normal;
font-family: circular;

src: url('chrome-extension://liecbddmkiiihnedobmlmillhodjkdmb/fonts/CircularXXWeb-Book.woff2') format('woff2');
}

@font-face {
font-weight: 700;
font-style:  normal;
font-family: circular;

src: url('chrome-extension://liecbddmkiiihnedobmlmillhodjkdmb/fonts/CircularXXWeb-Bold.woff2') format('woff2');
}









// = 0 ? '&' : '?') + '_cacheOverride=' + (new Date().valueOf());
}
parent.appendChild(elem);
}
}
var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://';
var address = protocol + window.location.host + window.location.pathname + '/ws';
var socket = new WebSocket(address);
socket.onmessage = function (msg) {
if (msg.data == 'reload') window.location.reload();
else if (msg.data == 'refreshcss') refreshCSS();
};
if (sessionStorage && !sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer')) {
console.log('Live reload enabled.');
sessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer', true);
}
})();
}
else {
console.error('Upgrade your browser.  This Browser is NOT supported WebSocket for Live-Reloading.');
}
// ]]>

Как я уже упоминал выше, я обновил Chrome, и эта проблема все еще возникает. Если я использую такой сервер, как Duck Duck Go или Safari, проблем не возникает, и код выглядит так, как и должен. Я новичок в программировании и использовании живого сервера, поэтому буду очень признателен за любую информацию!

Подробнее здесь: https://stackoverflow.com/questions/783 ... and-chrome