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

【问题标题】：how set width of child Element based on Parent element如何根据父元素设置子元素的宽度
【发布时间】：2014-08-03 05:14:46
【问题描述】：

我有以下 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 宽度

谢谢/

【问题讨论】：

标签： html css

【解决方案1】：

尝试两者的百分比宽度。根据您的 1200 像素宽度，我使用了 88% 来获得 1360 像素的分辨率。从那里开始，我将内部 div 设置为 100% 以占据整个内部宽度而不超过它。

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

【讨论】：

【解决方案2】：

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

【讨论】：