Как я могу удалить пробел между div? - PullRequest
Новая
       59

Как я могу удалить пробел между div?

0 голосов
/ 04 октября 2019

Я работаю над своим сайтом портфолио, и я не знаю, как избавиться от пустого пространства.

На основе элемента inspect есть стиль для ul.AMSI, но он не используется в моем файле styles.css

, размещенном на https://i.imgur.com/jWRzy86.png

Я пыталсяосмотреть элемент, но это не помогает.

Любые намеки на это будут высоко оценены.

URL: https://portfolio -thomas-2019.herokuapp.com /

обновление

Еще раз спасибо за поддержку

, что я пробовал

удаление всех отступов AMSI Li и поля 

.AMSI li {
    list-style: none;
    display: inline-block;
    text-align: center;
    color: #EC7108;
}

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

Я дошел до крайности, изменив фон тела на гекс # EC7108.

Учитывая мой опыт, я не знаю никаких других подходов к моей проблеме, но спрашиваю всех великих разработчиков.

Ответы [ 3 ]

2 голосов
/ 04 октября 2019

Элемент <ul> является частью проблемы. Вы должны добавить этот стиль к этому 

.AMSI {
    margin-bottom: 0;
    padding-bottom: 0;
}

, это само по себе не исправляет это. Тем не менее, сразу после этого элемента <ul> на странице есть паразит <p></p>.

Вы должны удалить этот тег <p> (при условии, что он пуст, потому что вы его не используете.) Этот тег <p> имеет нижнее поле 1rem, что вызывает пробел

1 голос
/ 04 октября 2019

В вашем ul-классе есть margin-bottom = "AMSI", вам нужно установить margin-bottom: 0
И у вас есть тег ap ниже ul class = "AMSI" получил пустой контент внутри и получил margin-bottomтакже. Тогда просто удали его тоже.

1 голос
/ 04 октября 2019

Я только что посмотрел на страницу, и кажется, что проблема связана со стилем, связанным с неупорядоченным списком, в котором находятся ваши иконки социальных сетей. 

.AMSI li {
    list-style: none;
    display: inline-block;
    text-align: center;
    color: #EC7108;
    padding: 4px;
    margin-bottom: 10px;
}

Скорее всего, нижнее полепроблема.

...