CSS表格宽度 – 100％减去边距

我偶然遇到一个问题,我不完全确定如何解决.

我有一个页面有一些div,其中一个包含一个表,但是有一个20px的边距.我需要这个表格来对抗另一个div的右侧,这是通过使用-20px的边距来完成的 – 按照我的希望工作.由于这个div(覆盖整个页面的右侧)是流体的,所以桌子的宽度为100％.

虽然桌子的左侧是我想要的地方,但右侧现在比其他任何地方都低20像素.

有没有办法让负边缘在右边,没有它也从右边移动表20px？我没有成功尝试过几件事情.我的表CSS粘贴在下面.

.pricetable {
    width:100%;
    margin-left: -20px;
    padding: 5px;
}

解决方法

你可以绝对定位你的桌子,使它在右边对齐.

position: absolute;
right: 0;

没有办法添加左边距,而不移动表,因为表偏移以这种方式计算：margin padding width = offset width.

当您将宽度设置为100％时,边距和填充将导致元素展开.

>填充(左)X,(右)y width =超过100％
> 100％负宽度(X y)= 100％.

第一个定义在表的每一边添加一些填充.第二个定义将表移动到左边,因为它是一个负边距.

原文地址：https://www.jb51.cc/css/216705.html