Где ошибка в коде HTML, CSS?

Question

Mr.nobody @no_one

Где ошибка в коде HTML, CSS?

Привет всем. Изучаю HTML, CSS и попутно делаю краткий справочник-конспект для себя постепенно применяя полученные знания. При открытие файла index.html в браузере все блоки расположены правильно, а блок "Список определений" (строка 192, id="definition-list") прижался еще правее остальных. Почему? Перепроверил стили, теги. Почему так произошло, подскажите. Также рад буду услышать замечания, критику по остальному коду. песочница

Вопрос задан более трёх лет назад
220 просмотров

5 комментариев

Подписаться 1 Простой 5 комментариев

Gortyser @Gortyser

Замечание: никто не будет смотреть проект на гитхабе, выложите в какую-нибудь песочницу.

Написано более трёх лет назад
Mr.nobody @no_one Автор вопроса

Gortyser, здесь

Написано более трёх лет назад
Gortyser @Gortyser

Mr.nobody, убрать float: right для .article. Чисто визуально вообще ничего не меняется, зачем он там? Как вариант можно не убирать флоат, а задать для статей ширину 100% и box-sizing: border-box.

Написано более трёх лет назад
Mr.nobody @no_one Автор вопроса

Gortyser, я убирал float: right для .article, все отображается корректно, наверно он лишний, согласен, но до блока "Список определений" с float: right для .article все отображалось правильно и после него остальные блоки располагаются правильно, вопрос что с этим блоком не так, почему браузер прижимает его правее остальных.

Написано более трёх лет назад
Gortyser @Gortyser

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

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 3

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

Вёрстка

Средний
Как правильно вставлять изображения при наличии двух тем оформления сайта?
- 1 подписчик
- 4 часа назад
- 77 просмотров
1

ответ
HTML

+1 ещё

Простой
Как в теге select один символ сделать другого цвета?
- 1 подписчик
- 5 часов назад
- 76 просмотров
1

ответ
CSS

Простой
Как уместить кроссбраузерную поддержку в одну строку?
- 1 подписчик
- 5 часов назад
- 88 просмотров
1

ответ
HTML

+1 ещё

Простой
Как поставить элементы в одну строку и выровнять их?
- 1 подписчик
- 20 часов назад
- 74 просмотра
1

ответ
HTML

+1 ещё

Простой
Почему не работает pattern на input?
- 1 подписчик
- 20 часов назад
- 72 просмотра
2

ответа
CSS

+1 ещё

Простой
Как стилизовать пагинацию постов по определённому признаку?
- 1 подписчик
- 22 часа назад
- 72 просмотра
1

ответ
Веб-разработка

Простой
Не будет ли проблем при использовании хостинга другой страны?
- 1 подписчик
- 23 часа назад
- 102 просмотра
2

ответа
HTML

+2 ещё

Простой
Как подкрасить 2 блока в разные цвета по всей ширине в дочернем Blade-шаблоне?
- 1 подписчик
- 23 часа назад
- 56 просмотров
2

ответа
HTML

+2 ещё

Средний
Неправильное отображение верстки во всех браузерах локально на компьютере, в чем может быть проблема?
- 1 подписчик
- вчера
- 74 просмотра
1

ответ
CSS

Простой
Как сделать так, чтобы при наведении на один объект, меняется другой, с помощью hover?
- 1 подписчик
- вчера
- 64 просмотра
1

ответ
Показать ещё Загружается…

Frontend-разработчик (React)

ДАЛЕЕ

от 130 000 ₽

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Разработать парсер и админку

19 апр. 2024, в 14:12

30000 руб./за проект

Создать логотип

19 апр. 2024, в 14:10

500 руб./за проект

Разработка дизайна мобильного приложения которое управляет вентиляцией

19 апр. 2024, в 14:01

70000 руб./за проект

Замечание: никто не будет смотреть проект на гитхабе, выложите в какую-нибудь песочницу.
Mr.nobody, убрать float: right для .article. Чисто визуально вообще ничего не меняется, зачем он там? Как вариант можно не убирать флоат, а задать для статей ширину 100% и box-sizing: border-box.
Gortyser, я убирал float: right для .article, все отображается корректно, наверно он лишний, согласен, но до блока "Список определений" с float: right для .article все отображалось правильно и после него остальные блоки располагаются правильно, вопрос что с этим блоком не так, почему браузер прижимает его правее остальных.
Mr.nobody, контента в нем просто мало, в остальных куча текста и он занимает всю ширину, а в списке определений небольшие предложения, которых для всей ширины недостаточно.

Answer 1 · 2018-04-06 12:56:53

Никита @Rema1ns

и так сойдет

потому что width: auto стоит

Ответ написан более трёх лет назад

Комментировать

Answer 2 · 2018-04-06 13:27:39

причина:
1. мало контента в блоке
2. плюс у блока width: auto и float: right
в результате он не только прижимается в право но и уменьшается в размере
решение:
- убрать float: right
Спасибо Gortyser Gortyser и Никита Никита.

Answer 3 · 2018-04-06 13:08:10

adrenalinruslan @adrenalinruslan

Сделай для одного блока:

float:left;
width: 70%;

А для второго:

float: right;
width: 30%

Ответ написан более трёх лет назад

Комментировать

Где ошибка в коде HTML, CSS?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт