我只是好奇 HTML 控件(例如:表格)是否有可能比其父控件(例如 div)具有更大的宽度并且内部控件是完全可见的?谢谢
问问题
1752 次
2 回答
3
这是绝对可能的。您可以将元素的overflow
css 属性设置为如下所示。parent
visible
.parent {
# Other Properties
overflow : visible;
}
现在在这种情况下,如果子元素的宽度大于其父元素的宽度,它将是可见的。overflow
适用于高度和宽度。要仅使高度或宽度可见,您可以使用overflow-x
andoverflow-y
属性(名称基于 x 轴和 y 轴)。
试试这个工作的 JSFiddle
更新:
注意:正如@cimmanon所说,该overflow
属性的默认值设置为,visible
因此您可能不需要像上面那样显式设置它。不过,我个人的偏好是明确设置它,以防我想确定它。
于 2013-01-01T09:25:23.493 回答
1
width
当子元素设置为百分比或自动并position
设置为静态或相对时,子元素的尺寸会适应其父元素。因此,如果您希望它更大,可以执行以下操作:
- 使子元素大于父元素(通过宽度或边距)
- 使用绝对定位
- 不要让子元素的后代包裹(表格适合这里)
只要您不将祖先元素更改为具有隐藏事物(隐藏)的溢出,后代就会显示出来。
于 2013-01-01T12:37:02.187 回答