CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了CSS表格宽度 – 100%减去边距大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我偶然遇到一个问题,我不完全确定如何解决.

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

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

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

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

解决方法

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

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

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

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

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

大佬总结

以上是大佬教程为你收集整理的CSS表格宽度 – 100%减去边距全部内容,希望文章能够帮你解决CSS表格宽度 – 100%减去边距所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。