如何让div假设其包含div的100％？

Question

我正在尝试让div假设100％的父div。父div充当页面包装器，因此它已经假设100％的页面宽度。我尝试添加width: 100%，但这似乎不起作用。我有点困惑，因为这似乎是一件相对简单的事情。

Answer 1

根本不指定宽度。对于div元素（或任何块级元素），这将使其假设100％宽度，无论它设置的填充/边距设置如何。

根据盒子模型，显式设置100％宽度实际上可以使元素太宽，因为填充量会计算在其中。

如果这不起作用，则会有一些其他CSS设置干扰，您需要显示更多布局和HTML代码。

Answer 2

display: block;
width: auto;

应该适合你。

Answer 3

您需要正常显示更多现有的css代码，div默认使用可用的整个空间，前提是它有一些内容。

除此之外，请确保将父div的边距和填充设置为0。

.parent{
margin:0;
padding:0;
overflow:auto;
}
.child{
margin:0;
padding:0;
}