Html 绝对位置未调整大小的表

我希望绝对定位的桌子在桌子侧面和窗口边缘之间有15px，但除非我为桌子指定宽度，否则它只会根据内容调整大小

设置

style=“position:absolute；left:15px；right:15px”

可以在div而不是表上显示所需的行为

给表格一个

width=“100%”

使表格的宽度达到窗口宽度的100%，然后在侧面增加15px，导致滚动条和表格位置不正确

只要给桌子一个

width=“95%”

并将其居中，当窗户重新调整尺寸时，不会给两边带来固定的空间

表格是绝对的，因为它需要位于页面底部

看

这似乎是我错过了一些明显的东西，但我只是还没能找到它，或者在谷歌上找到它

.borderClass{
边框宽度：1px；
边框样式：实心
}
.绝对填充{
位置：绝对位置；
左：15px；
右：15px；
保证金：0；
宽度：计算（100%-30px）；/*全宽减去左右*/
}
.TBL位置{
底部：15px；
}
.divPosition{
顶部：15px；
高度：100px；
}

这不是我想要的
这就是我想要的

.borderClass{
边框宽度：1px；
边框样式：实心
}
.绝对填充{
位置：绝对位置；
左：15px；
右：15px；
保证金：0；
宽度：计算（100%-30px）；/*全宽减去左右*/
}
.TBL位置{
底部：15px；
}
.divPosition{
顶部：15px；
高度：100px；
}

这不是我想要的
这就是我想要的

CSS

.absoluteFill {
  /*your styles*/
  margin:0;
  width:calc(100% - 30px);
}

CSS

.absoluteFill {
  /*your styles*/
  margin:0;
  width:calc(100% - 30px);
}

试试这个

.absoluteFill {
  position: absolute;
  left: 15px;
  right: 15px;
  width: calc(100% - 30px);
}

calc浏览器支持

试试这个

.absoluteFill {
  position: absolute;
  left: 15px;
  right: 15px;
  width: calc(100% - 30px);
}

---

calc browser支持

您只需更改css，它将位于.tblPosition类中，如下所示：

.tblPosition {
    bottom: 15px;
    max-width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
}

---

您只需更改css，它将位于.tblPosition类中，如下所示：

.tblPosition {
    bottom: 15px;
    max-width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
}

---

使用

width=“100%”

和

margin=0

@phiter-fernandes，这样我就没有空间放在桌子的两侧了。如问题所述，我希望表格左右各有15px。然后将表格放在一个带

填充的div中：15px

使用

width=“100%”

带

margin=0

@phiter fernandes，这样就不会给表格两侧留出空间。如问题所述，我希望表格左右各有15px，然后将表格放在一个div中，填充为

padding:15px

正好满足我的需要。谢谢不客气！Calc是一个非常有用的函数，因为我发现了它，所以我一直在使用它。它完全符合我的需要。谢谢不客气！Calc是一个非常有用的函数，因为我发现了它，所以我一直在使用它。