2013-02-16 158 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