html - 是否可以使子元素的宽度大于其父元素的宽度？

Question

我只是好奇 HTML 控件(例如:表格)是否有可能比其父控件(例如 div)具有更大的宽度并且内部控件完全可见？谢谢

Answer 1

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

.parent {
    # Other Properties
    overflow : visible;
}

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

Try This Working JSFiddle

更新:

注意:如@cimmanon表示 overflow 属性的默认值设置为 visible 因此您可能不需要像上面那样显式设置它。不过，我个人的偏好是明确设置它，以防万一。