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

前端之家收集整理的这篇文章主要介绍了CSS表格宽度 – 100%减去边距前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我偶然遇到一个问题,我不完全确定如何解决.

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

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

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

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

解决方法

你可以绝对定位你的桌子,使它在右边对齐. @H_502_8@position: absolute; right: 0;

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

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

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

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

猜你在找的CSS相关文章