Loading...
Графика/Дизайн | див выходит за рамки
у меня адаптированная разметка, когда в див p_t добавляю width:100% размер не становится на все окно. только через width:300px; но через (px) когда я сжимаю оно браузера див p_t выходит за рамки , в чем такая загвостка ?
css
   .p_t { box-shadow: 0 0 10px rgba(0,0,0,0.5); word-break:break-all;     border: 2px solid #dedede;     background: rgb(255,255,255);     border-radius: 5px;     padding: 19px; }   


Изображение

------
78786_GAFCpZAQf4c1.jpg (314.4 Kb)
Скачиваний: 125

________
посл. ред. 23.08.2021 в 17:52; всего 1 раз(а); by 155876556
Попробуй box-sizing: border-box;
При width: 100%
Java_Script , не помогло
652591566 (23.08.2021 в 19:19)
Java_Script , не помогло

.p_t {
box-shadow: 0 0 10px rgba(0,0,0,0.5);
max-width: 100%;
clear: both;
border: 2px solid #dedede;
background: rgb(255,255,255);
white-space: nowrap;
border-radius: 5px;
padding: 19px;

}
Попробуй width: 100vw;
Это точно сработает.
REWERK , спс попробую, почему так получается что некоторым блокам создаёшь width:100 %; все норм работает, а в других нет, страно
REWERK , неа не помогло
652591566 (23.08.2021 в 21:16)
REWERK , спс попробую, почему так получается что некоторым блокам создаёшь width:100 %; все норм работает, а в других нет, страно

100% это позиционирование относительно родитеского блока. Если он не занимает ширину всей страницы, то и потомки с такой шириной не будут занимать всю ширину страницы. 100vw это явное задание ширины блока, равное 100% ширины пользовательского viewport.
155876556 (23.08.2021 в 17:50) у меня адаптированная разметка, когда в див p_t добавляю width:100% размер не становится на все окно. только через width:300px; но через (px) когда я сжимаю оно браузера див p_t выходит за рамки , в чем такая загвостка ?
css
   .p_t { box-shadow: 0 0 10px rgba(0,0,0,0.5); word-break:break-all;     border: 2px solid #dedede;     background: rgb(255,255,255);     border-radius: 5px;     padding: 19px; }   
Не совсем подробно изучил твой вопрос. Попробуй max-width: 100vw. Или конкретное значение, если у тебя адаптив.
Онлайн: 0
Время:
Gen. 0.1038
(c) Bym.Guru 2010-2026