Вопросы по теме 'border-box'

CSS - проблема с размером окна
Я не нашел ответа на свой вопрос, даже если он действительно прост. Я использую размер поля свойства CSS, чтобы сделать «внутреннюю границу» для div (который на самом деле является <a>...</a> ) .myDiv{ box-sizing: border-box;...
281 просмотров
schedule 07.01.2023

Отзывчивая сетка CSS, которая не зависит от размера блока
Я пытался найти ответ на этот вопрос как в Google, так и на этом сайте. У меня есть сайт, который нужно сделать адаптивным. Это относительно сложно, но это определенно возможно с дизайном, который у нас есть в настоящее время. Мой вопрос...
677 просмотров
schedule 24.04.2023

box-sizing: проблема с размером рамки в Firefox
Я столкнулся со странной проблемой при тестировании сайта в FF. Ситуация такова: box-sizing: border-box применяется ко всему. У меня есть плавающая оболочка <div> с фиксированной высотой. Внутри обертки находится <img> с...
2044 просмотров
schedule 21.01.2023

Css вертикальное выравнивание с вложенными div
Этот вопрос возник в результате исправления, предложенного для этого связанного вопроса У меня есть 3 вложенных div: внешний, внутренний и элемент. <div class="outer"> <div class="inner"><div...
994 просмотров
schedule 06.06.2023

Как сохранить 3 элемента li с 33,3% + margin-right в одной строке? Пограничная коробка?
У меня есть 3 элемента li - каждый шириной 33,3%. Я пытаюсь создать зазор margin-right между каждым <li> , однако из-за дополнительного поля общая ширина <li> превышает 100% и разбивается на новую строку. Смогу ли я отсортировать...
891 просмотров
schedule 13.12.2022

добавить границу только в правом верхнем углу без других сторон или фона
Я пытаюсь получить верхний правый треугольник, как показано на рисунке, но когда я применяю радиус границы, почему он применяет границы ко всем сторонам, поскольку я указал только радиус одной стороны. Хотя я применил border-top-right-radius:...
432 просмотров
schedule 11.02.2023

Любой способ получить box-shadow только для content-box
Было бы неплохо иметь возможность разместить тень блока. В настоящее время у меня есть div с некоторыми дополнениями. Цвет фона установлен для клипа в поле содержимого. Это хорошо. Однако тень окна, которая появляется при наведении курсора,...
2121 просмотров
schedule 07.08.2022

Идеальное центрирование содержимого элемента с рамкой и размером окна
Я настроил круглый div с кругом внутри, используя html-объект ⬤, div имеет ширину и высоту 20 пикселей, границу 2 пикселя и box-sizing: border-box , чтобы остановить увеличение размера. Обычно, чтобы заполнить весь div кругом, я также устанавливаю...
5322 просмотров
schedule 23.10.2022

box-sizing: border-box — размер не сохраняется, если граница впоследствии изменяется
У меня возникла проблема с использованием box-sizing: border-box : у меня есть 3 размера div с min-height: 24px . Я хотел бы сохранить высоту, какой бы она ни была, при добавлении горизонтальных границ. Проблема в том, что если горизонтальные...
983 просмотров

Использование getComputedStyle с рамкой должно возвращать высоту без границы и отступов.
EDIT 3/Final: проблема/вопрос Computed Style объяснена ниже, но для других, которые появятся позже, моя настоящая проблема решена с помощью Flex Boxes и измерений Vx в сочетании с border-box. ИМХО "дисплей: гибкий;" является ответом на многие...
963 просмотров

Содержащийся элемент переполняет контейнер, несмотря на размер коробки
Я изо всех сил пытаюсь понять, почему у меня есть элемент с высотой: 100%, который больше, чем его контейнер, несмотря на то, что для размера окна установлено значение border-box; Я сделал здесь скрипку: https://jsfiddle.net/a8v9a8ok/6/ Я...
929 просмотров
schedule 05.05.2023