是否有可能使子元素的宽度大于其父元素？

Question

我只是好奇HTML控件（例如：表格）是否有可能比其父控件（例如一个div）具有更大的宽度并且内部控件是完全可见的？ 感谢

Answer 1

绝对可能。您可以将overflow元素的parent css属性设置为visible，如下所示。

.parent {
    # Other Properties
    overflow : visible;
}

现在，在这种情况下，如果子元素的宽度大于其父元素的宽度，则它将是可见的。 overflow适用于身高和宽度。要仅显示高度或宽度，您可以使用overflow-x和overflow-y属性（名称基于x轴和y轴）。

Try This Working JSFiddle

UPDATE：

注意：由于@cimmanon表示overflow属性的默认值设置为visible，因此您可能不需要像上面那样明确设置它。虽然，我个人的偏好是明确地设置它，以防我想确定它。

Answer 2

当孩子的width设置为百分比或自动且position设置为静态或相对时，子项的维度会适应其父元素。因此，如果您希望它更大，您可以执行以下操作：

1. 使子元素大于父元素（通过宽度或边距）
2. 使用绝对定位
3. 不要让子元素的后代换行（表格适合这里）

只要您不更改祖先元素以隐藏事物（隐藏）的溢出，后代就会显示出来。