如何根据父元素设置子元素的宽度

Question

我有以下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元素大小的宽度

如何设置Div的宽度以适合分辨率

感谢/

Answer 1

尝试两者中的百分比宽度。我已经使用了88％，基于你的1200px宽度，分辨率为1360px。从那里开始，我将内部div设置为100％以占据整个内部宽度而不会超过它。

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

Answer 2

将外部div的宽度设置为实际数字，将内部div的宽度设置为100％（或更小）