css为“所有可用宽度”？

Question

如果考虑到其水平边距，其父级的水平填充等，并且还假设父级的宽度未被考虑，我如何指定给定元素的宽度应该是“最大可用宽度”明确指定？

＆lt; BTW，与人们的想法相反，width:100% 绝对不是这个问题的答案（例如，请参阅here）。

（有很多关于SO的问题似乎与此问题相同，但仔细观察后发现这些问题远比这个问题更具体，而且他们的答案取决于某些代码的非常具体的细节。问题。我在这里寻找尽可能一般的答案。）

Answer 1

为此，您可以将display: table;添加到parent。 孩子们将始终填充父元素的100%。

查看我为您准备的JSFiddle。

Answer 2

非常容易

您所描述的是任何display: block的默认行为。所以this fiddle显示正常＆＃34;某些混合inline和block元素的布局与仅设置为display: block的所有元素形成对比。