2013-02-16 87 views
2

这里是HTML的一部分:无法删除右边距

<fieldset> 
    <table class="pensioners-view-tbl-pension-info" 
    </table> 
<fieldset> 

下面是有关这两种元素的CSS:

fieldset { border-radius:7px;padding-top:15px;} 
    .pensioners-view-tbl-pension-info { margin-left: 5%;} 

这里” UI的sanpshot:enter image description here

正如您所看到的,我没有对右边距设置任何限制,无论是fieldset中的填充权还是表中的margin-right。我怎样才能删除表格的右边距,至少将它右移一点? 我试图将表宽度设置为100%,但它不起作用,它只是消除了字段集。

编辑:这里是JSFIddle

+2

确实存在黑客行为,但没有更多** live **示例很难确定原因,我们的目标是以一种干净的方式解决此问题。也许是一个小提琴? – 2013-02-16 09:26:14

+0

了解盒模型并将每个祖先悬停在从开始的树中,并查看哪一个限制了此元素的自由度。 – 2013-02-16 09:30:54

+0

我编辑了我的问题并添加了JSFiddle链接 – 2013-02-16 09:34:27

回答

2

上表中删除保证金,给它一个宽度为100%。然后添加填充字段。

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

+0

你说得对。它完成了这项工作。但是,我怎样才能让剩余的桌子从剩余的区域填满呢? – 2013-02-16 09:49:53

+0

我只是通过扩展中间列的宽度来做到这一点。但我仍然认为必须有更合适的方式。 – 2013-02-16 09:56:06

+0

我认为,fieldset上的填充应该能够让你做到这一点。 – 2013-02-16 10:15:03