CSS子宽度100%或px问题

Question

也许一个简单的问题,一个简单的答案.

今天我想知道当孩子的宽度与父母的宽度完全相同时,px或100%的子宽度之间有什么区别.结果将与我所知的相同,但最好使用什么？

例;

div {width: 300px;}
h1 {width: 300px;} /*or..*/
h1 {width: 100%;}

<div>
<h1>Width of child</h1>
</div>

有关系吗？你用哪个？

Answer 1

在视觉上,您的两个示例看起来都是一样的.

但是对于子元素使用width:100%意味着如果您想要更改两者的宽度,则只需要更改父元素的宽度.

另请注意,ah*标签是块级元素,因此,默认情况下,它已设置为100%宽度,因此在您的示例中,为h1设置任何宽度都是多余的.