#javascript #html #css #layout
#javascript #HTML #css — файл #планировка
Вопрос:
Я пытаюсь применить «границу» (синюю, шириной 2 пикселя) к определенным элементам (div / images / etc.) На веб-странице после загрузки всей страницы с помощью Javascript.
Однако, когда я делаю это для некоторых элементов, некоторые части макета страницы (рядом с этим элементом) искажаются. Похоже, это связано с тем, что браузер перерисует макет, который может измениться после применения границы.
Есть ли способ сделать это без искажения остальной части макета? (обратите внимание, что это должно работать на разных страницах моего веб-сайта общим способом)
Комментарии:
1. Привет, пожалуйста, покажи нам, что ты сделал?
Ответ №1:
Свойство CSS box-sizing
определяет, учитываются ли границы (и отступы) как часть размера элемента. Настройка box-sizing: border-box;
должна привести к желаемому поведению. Вот отличная статья на эту тему