前端之家收集整理的这篇文章主要介绍了
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.f2er.com/css/216705.html
