如何使html表故意超出其容器的宽度？
如何使html表故意超出其容器的宽度？
提问于 2015-06-14 11:29:46
我正在尝试创建一个包含水平滚动条的表，其中任何单个行的宽度都可以设置为我想要的任何宽度。我尝试了两种不同的方法来实现这一点，它们都给我带来了问题：
如果我为我的表分配的宽度大于其包含的div，并应用overflow-x: scroll，表将超过其容器的宽度。然而，我无法控制我的细胞的宽度。设置td{width:'x'px;}不会做任何事情。
如果将table-layout:fixed应用于表，则现在可以调整单个行的宽度，但不能超过表容器的宽度。
我怎样才能兼得这两个世界的优势呢？为了获得滚动条，我需要表超过容器的宽度，同时还可以将不同行的宽度设置为任意值。
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-06-14 11:47:04
HTML表格和表格单元格按照设计的方式工作-单元格将始终限制在表的宽度内。如果您想像对普通内联块元素那样调整它们的大小，您可以：
- 使用
<div class="table">和<div class="cell">标记和样式表。
或
- 更改CSS中的显示模式。表为
{display: block}，单元格为{display: inline-block}。您可能还需要修改其他元素的显示模式，如<tr>、<th>、<thead>、<tbody>.
注意:万一您使用表格作为布局页面内容的一种方式，请停止并重新考虑如何改变您的方法。表是布局的一个讨厌的拐杖，实际上应该只用于显示实际的表格数据。
Stack Overflow用户
发布于 2015-06-14 11:49:11
为要超过其容器宽度的元素设置position: absolute;。但也可以将position: relative;设置为其父级，这样您就可以调整位置。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30828821
复制相关文章
相似问题
腾讯云开发者
