Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Minningt
@Minningt
HTML
CSS
Как пофиксить блок css?
Привет всем. Подскажите, как пофиксить блок с информацией, которая выходит за границы?
jsfiddle.net/u8bqeyky
Если имя слишком большое, то оно не должно выходить за пределы главного блока.
prntscr.com/8rcvy0
Вопрос задан
более трёх лет назад
153 просмотра
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
1
Alexey ZloDeeV
@ZloDeeV
Верстаю в своё удовольствие
Вёрстка унылая, не понимаю зачем костылить изначально хреновый код, но если так надо, то просто добавь для #rest_name свойство width: 200px;
Ответ написан
более трёх лет назад
5
комментариев
Нравится
5
комментариев
Facebook
Вконтакте
Twitter
Minningt
@Minningt
Автор вопроса
да вот уже добавил. Подскажите, как правильно, чтобы не повторять ошибок далее
Написано
более трёх лет назад
Alexey ZloDeeV
@ZloDeeV
Minningt
: Начать следует с использования классов вместо id и стараться делать блоки с адаптируемой под контент шириной.
Написано
более трёх лет назад
Minningt
@Minningt
Автор вопроса
Alexey ZloDeeV
: почему классы, а не id? На счет адаптивности, покажите на этом примере. Можете?
Написано
более трёх лет назад
Alexey ZloDeeV
@ZloDeeV
Minningt
: Добро пожаловать в 2015 год
1)
frontender.info/when-using-ids-can-be-a-pain-in-th...
2) Я говорю не про адаптивность, а про адаптацию блоков под контент находящийся внутри. На вашем примере, в принципе, сложно что-либо показать. Просто сравните, что будет если в вашем примере увеличить количество текста:
jsfiddle.net/u8bqeyky/9
И что если сделать все по уму, накидал по быстрому:
jsfiddle.net/5fj5628a
Написано
более трёх лет назад
Minningt
@Minningt
Автор вопроса
Alexey ZloDeeV
:
jsfiddle.net/u8bqeyky/10
что на счет такого варианта? айди еще не менял на класы
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Простой
Код не работает, как так?
2 подписчика
11 часов назад
464 просмотра
1
ответ
HTML
+1 ещё
Простой
Почему страница не всегда скролит до нужного якоря?
1 подписчик
вчера
111 просмотров
0
ответов
CSS
+1 ещё
Простой
Как сделать такую сетку?
1 подписчик
06 мая
345 просмотров
1
ответ
HTML
+1 ещё
Простой
Различие скелета в пк версии и телефонной, как лучше всего делать такие вещи?
1 подписчик
02 мая
147 просмотров
1
ответ
JavaScript
+3 ещё
Простой
Проблема с WordPress как исправить ошибку?
2 подписчика
01 мая
1311 просмотров
0
ответов
HTML
+1 ещё
Простой
Как зафиксировать кнопки в html?
1 подписчик
30 апр.
136 просмотров
1
ответ
CSS
Простой
Как сделать анимацию разворачивающегося сразу в две стороны свитка с информацией?
2 подписчика
30 апр.
524 просмотра
0
ответов
JavaScript
+3 ещё
Средний
Почему не подключается css файл в Webpack?
1 подписчик
29 апр.
105 просмотров
2
ответа
CSS
Простой
Как в CSS остановить одну анимацию и сразу запустить вторую для одного элемента?
3 подписчика
28 апр.
454 просмотра
1
ответ
CSS
+1 ещё
Простой
Как сделать грид контейнер в коде?
1 подписчик
28 апр.
94 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Frontend разработчик на React
SkillsRock
•
Таганрог
от 60 000 до 90 000 ₽
Frontend разработчик
AMarkets
•
Москва
от 2 000 $
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама