у меня адаптированная разметка,

когда в див p_t добавляю width:100% размер не становится на все окно. только через width:300px;
но через (px) когда я сжимаю оно браузера див p_t выходит за рамки , в чем такая загвостка ?

.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)
Скачиваний: 109

________
посл. ред. 23.08.2021 в 17:52; всего 1 раз(а); by 155876556

Попробуй box-sizing: border-box;
При width: 100%

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, неа не помогло

100% это позиционирование относительно родитеского блока. Если он не занимает ширину всей страницы, то и потомки с такой шириной не будут занимать всю ширину страницы. 100vw это явное задание ширины блока, равное 100% ширины пользовательского viewport.

Не совсем подробно изучил твой вопрос. Попробуй max-width: 100vw. Или конкретное значение, если у тебя адаптив.