Блог

У меня есть следующий HTML

 <div style="border: 1px solid;">
  <div style="background-color: blue; width: 1200px;">
<h3>
 Ticket Details</h3>      
  </div> 
</div>
  

при разрешении 1360 * 768 он отображается идеально, но при разрешении 1024 * 768 внутренний Div выходит за пределы внешнего элемента Div.

и если я применяю ширину внешнего элемента, он также выходит за пределы экрана с меньшим разрешением.. я хочу, чтобы ширина элемента div соответствовала размеру экрана

как мне установить ширину Div, соответствующую разрешению

Спасибо/

Попробуйте процентную ширину в обоих. Я использовал 88% на основе вашей ширины 1200 пикселей для разрешения 1360 пикселей. Оттуда я установил для внутреннего div значение 100%, чтобы занимать всю внутреннюю ширину, не перебирая ее.

 <div style="border: 1px solid;width:88%;">
  <div style="background-color: blue; width: 100%;">
    <h3>Ticket Details</h3>      
  </div> 
</div>
  

установите ширину внешнего div на фактическое число, установите ширину внутреннего div на 100% (или меньше)