CSS Ошибка границы приводит к тому, что весь мой сайт отображается с рамкой. Как мне исправить? - PullRequest
0 голосов
/ 22 января 2020

У меня есть следующая проблема:

Некоторое время мой сайт начал показывать рамку вокруг него. К сожалению, я не знаю, когда, поэтому я не могу найти резервную копию, которая не была прослушена. Я, наверное, все перепробовал, но не могу это исправить. Вот начало моего css кода:

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #777;
}

.all-area {
    overflow: hidden;
}

section,
.section {
    position: relative;
}

.container {
    width: 100%;
    margin: 0 auto;
}

.container-fluid {
    padding: 0 5%;
}

Проблема должна быть в этой части, верно? Я новичок в CSS (как совсем новый), но я попытался поместить div перед моим телом, и даже это могло появиться внутри границы, чтобы оно не прилипало к верхней левой части экрана. Вот начало моего HTML, так что вы можете видеть классы:

<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <!-- Title  -->
    <title>RRive - Home</title>

    <!-- Favicon  -->
    <link rel="icon" href="assets/img/icon/rrive-favicon3.png">

    <!-- ***** All CSS Files ***** -->

    <!-- Style css -->
    <link rel="stylesheet" href="assets/css/main.css">

    <!-- Responsive css -->
    <link rel="stylesheet" href="assets/css/responsive.css">

</head>
<body class="miami">
    <!--====== Preloader Area Start ======-->
    <div id="loader">
        <div class="spinner">
            <div class="dot1"></div>
            <div class="dot2"></div>
        </div>
    </div>
    <!--====== Preloader Area End ======-->
    <!--====== Scroll To Top Area Start ======-->
    <div id="scrollUp" title="Scroll To Top">
        <i class="icofont-bubble-up"></i>
    </div>
    <!--====== Scroll To Top Area End ======-->
    <div class="all-area">
        <!-- ***** Header Start ***** -->
        <header class="section header-area">

Парень, который пытался починить его, сказал мне, что у меня на теле была прокладка, которая вызывала проблему, но там Насколько я вижу, на моем теле нет набивки. Я даже попытался добавить отступы 0 и поле 0 к некоторым классам в css, пытаясь найти тот, который его вызывал, но, очевидно, не повезло ...

...