необычное пустое пространство по обе стороны от css сетки - PullRequest
Новая
       0

необычное пустое пространство по обе стороны от css сетки

0 голосов
/ 22 апреля 2020

Мои поля и отступы установлены на ноль, но по какой-то причине на каждой стороне моей css сетки все еще остается примерно 200 пикселей. Когда я помещаю внутренние теги стиля css в документ. html, содержимое растягивается на всю основную ось, как и должно быть. Когда я помещаю тот же точный код css в файл. css, появляется пробел. Пожалуйста, помогите!

CSS Код: 

body {
  margin: 0;
  padding: 0;
}
.container {
  display: grid;
  grid-template-columns: 1fr 5fr;
  height: 100vh;

}

.box1 {
  color: #dddddd;
background-color: #460000;

}

.box2 {

  background-image: url("img/brick-bg-image.jpg");
}

Ответы [ 3 ]

0 голосов
/ 22 апреля 2020

Вам необходимо добавить таблицу стилей в элемент <head>, который выглядит следующим образом: 

<link rel="stylesheet" href="style.css">

Если он загружен, вы можете открыть его в новом окне браузера, чтобы проверить, как он выглядит. Иногда путь неверный или какая-то другая проблема. (Я делаю это иногда, чтобы проверить мой стиль, если он загружен правильно).

В случае, если он загружен и открывается в новой вкладке, вы можете проверить содержимое. Иногда браузер кеширует файл css, и вам нужно жестко обновить sh с помощью CTRL + F5, чтобы очистить кеш.

Надеюсь, это поможет вам. Я не вижу причины, если он работает добавленным в стиле, чтобы не работать при добавлении с css файлом.

0 голосов
/ 22 апреля 2020

Я понял свою проблему:

Я использовал таблицу стилей bootstrap. css. Это было переопределением встроенных стилей.

0 голосов
/ 22 апреля 2020

Связаны ли вы со своей таблицей стилей в файле HTML? то есть <link rel="stylesheet" href="style.css">?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...