0

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

4

2 回答 2

3

这是绝对可能的。您可以将元素的overflowcss 属性设置为如下所示。parentvisible

.parent {
    # Other Properties
    overflow : visible;
}

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

试试这个工作的 JSFiddle

更新:

注意:正如@cimmanon所说,该overflow属性的默认值设置为,visible因此您可能不需要像上面那样显式设置它。不过,我个人的偏好是明确设置它,以防我想确定它。

于 2013-01-01T09:25:23.493 回答
1

width当子元素设置为百分比或自动并position设置为静态或相对时,子元素的尺寸会适应其父元素。因此,如果您希望它更大,可以执行以下操作:

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

只要您不将祖先元素更改为具有隐藏事物(隐藏)的溢出,后代就会显示出来。

于 2013-01-01T12:37:02.187 回答