html表格填充不满,html表格宽度>页面宽度右填充不工作

正如欧麦尔A.答案也提到了，您已经使用的填充作为填充：10px的0像素10px的0像素;这意味着，填充顶部和底部是10px，填充左右是0px;使用它作为 填充：10px如果你想在所有方面。

但是，这里是提到的例子，它似乎你不想填充。实际上，您需要将保证金权限作为表格右侧的空白应用。即使你把保证金的价值放在右边，它也不会起作用。

它发生这种情况，因为由于布局宽度大于100％，因此元素+边距右侧现在扩展到视口之外，并且完成视口宽度被表占用。使查看端口小于100％并存在边距。你给了你的桌子200％的宽度。这是什么的200％？整个页面正文。所以，这意味着，您希望表格是其父容器的200％。现在，像margin这样的东西被应用于一个元素，并与其父元素容器等周围元素进行比较。但是在右侧，元素大小超出了容器大小。所以，保证金等属性没有任何视觉效果。你可以在下面的代码片段中看到它。我已将表格封装在div中以显示保证金的应用。

div{

\t \t overflow:auto;

\t \t border:7px solid black;

\t }

\t

\t table {

\t \t width: 80%; \t \t

margin-right:150px;

\t \t background-color: #800000;

\t \t display:inline-block;

\t }

\t td {

\t \t background-color: #ffa500;

\t \t }

A	B	C
D	E	F
G	H	I

但是当你把表格的宽度小于100％，保证金的权利将开始自己申请相比，其周围的元素。因为现在，默认情况下，表格宽度+边距右边

div{

\t \t overflow:auto;

\t \t position:relative;

\t \t right:5px !important;

\t \t height:100%;

\t }

\t

\t table {

\t \t width: 200%;

\t \t background-color: #800000;

\t \t

\t }

\t td {

\t \t background-color: #ffa500;

\t \t }

A	B	C
D	E	F
G	H	I