Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Can';不要去掉右边的空白_Html_Css_Margin - Fatal编程技术网

Html Can';不要去掉右边的空白

Html Can';不要去掉右边的空白,html,css,margin,Html,Css,Margin,以下是HTML的一部分: <fieldset> <table class="pensioners-view-tbl-pension-info" </table> <fieldset> 这里是UI的sanpshot: 正如您所看到的,我没有设置任何关于右边距的约束,无论是在字段集中设置为padding right,还是在表本身中设置为margin right。如何删除表格的右边距,至少向右移动一点? 我试着将表格宽度设置为100%,但没有效果,它

以下是HTML的一部分:

<fieldset>
  <table class="pensioners-view-tbl-pension-info"
  </table>
<fieldset>
这里是UI的sanpshot:

正如您所看到的,我没有设置任何关于右边距的约束,无论是在字段集中设置为padding right,还是在表本身中设置为margin right。如何删除表格的右边距,至少向右移动一点? 我试着将表格宽度设置为100%,但没有效果,它只是划掉了字段集


编辑:这是删除表格上的空白,给它100%的宽度。然后将填充添加到字段集


您忘了删除边距,这会将整个宽度偏移到字段集。

确实存在一些缺陷,但如果没有更生动的示例,则很难确定原因,我们的目标是以干净的方式解决这一问题。也许是小提琴?学习长方体模型,将每个祖先悬停在树中,从开始,看哪一个限制了该元素的自由。我编辑了我的问题并添加了JSFIDLE链接也许字段集的父元素的宽度集小于100%?@TomWijsman,如快照和JSFIDLE中所示,字段集和表之间没有其他内容,表是直接子级。因此,检查树中的每个节点对我来说似乎毫无意义。为什么字段集占据了整个区域,却不让表这样做?你是对的。它成功了。但是我怎样才能让表格从左边边缘化,仍然填充该区域的其余部分呢?我只是扩展了中间列的宽度。但我仍然认为必须有一个更合适的方法。我认为字段集上的填充应该能够让你做到这一点。
  fieldset { border-radius:7px;padding-top:15px;}
  .pensioners-view-tbl-pension-info { margin-left: 5%;}