Html 父项宽度自动，子项宽度固定

我在父元素中有居中且固定宽度的子元素。当水平滚动出现时，例如在移动设备上，家长的宽度会比孩子的小，因为家长的背景色看起来很难看，我如何解决这个问题

.parent{
背景:#555；
}
.孩子{
宽度：1000px；
保证金：0自动；
颜色：红色；
字体大小：50px；
}

Lorem ipsum dolor sit amet，奉献精英。一个有资格的人、一个有资格的人、一个有资格的人、一个有资格的人、一个有资格的人、一个没有资格的人。

编辑：使

.parent

成为一个

内联块

，最小宽度为100%，这样它会增长以适应浏览器，但也不会缩小到小于其内容

.parent{
背景:#555；
显示：内联块；
最小宽度：100%；
}
.孩子{
宽度：1000px；
颜色：红色；
字体大小：50px；
}

Lorem ipsum dolor sit amet，奉献精英。一个有资格的人、一个有资格的人、一个有资格的人、一个有资格的人、一个有资格的人、一个没有资格的人。

编辑：使

.parent

成为一个

内联块

，最小宽度为100%，这样它会增长以适应浏览器，但也不会缩小到小于其内容

.parent{
背景:#555；
显示：内联块；
最小宽度：100%；
}
.孩子{
宽度：1000px；
颜色：红色；
字体大小：50px；
}

Lorem ipsum dolor sit amet，奉献精英。一个有资格的人、一个有资格的人、一个有资格的人、一个有资格的人、一个有资格的人、一个没有资格的人。

溢出：隐藏；在家长中，不确定这是否是您想要的。我想知道为什么家长宽度！=有小视窗的孩子们，我如何才能做到这一点？好的，然后检查@Vahid Boreiri answer修复它。div的默认宽度只是父视窗的宽度，而不是内容的宽度。事情就是这样。改变其他div的属性不会改变这一点。是的，我刚刚意识到，谢谢。父级上的最小宽度：1000px解决了这个问题，但我认为可以有更优雅的方法；在家长中，不确定这是否是您想要的。我想知道为什么家长宽度！=有小视窗的孩子们，我如何才能做到这一点？好的，然后检查@Vahid Boreiri answer修复它。div的默认宽度只是父视窗的宽度，而不是内容的宽度。事情就是这样。改变其他div的属性不会改变这一点。是的，我刚刚意识到，谢谢。最小宽度：1000px在家长解决这个问题，但我认为可以有更优雅的方式。对不起，我需要家长背景色是完整的width@JohnDuzzle我建议最适合您的解决方案可能是

内联块

解决方案。sry我指的是没有滚动的全视口宽度parent@JohnDuzzle第三种解决方案（

溢出：自动

）应该这样做。

.parent

将一如既往地填充视口，并允许您在视口宽度小于1000px时滚动。是的，但我希望整个页面滚动，而不仅仅是parents对不起，我需要家长背景色为fullwidth@JohnDuzzle我建议最适合您的可能是

内联块

solution.sry我指的是没有滚动的全视窗宽度parent@JohnDuzzle第三种解决方案（

overflow:auto

）应该可以做到这一点。

.parent

将一如既往地填充视口，并允许您在视口宽度小于1000px时滚动。是的，但我希望整个页面不仅滚动到parent