保證金正常工作時，內聯但是在CSS規則不起作用

當我寫的東西，如：保證金正常工作時，內聯但是在CSS規則不起作用

<table style="margin-left: 30px;" > 
</table>

或：

<div style="margin-left: 30px;"> 
      <h:commandButton value="add" action="a"></h:commandButton> 
      <h:commandButton value="cancel" action="b" immediate="true"></h:commandButton> 
</div>

保證金正確顯示出來。

但是，當我寫：

<table class="marg" > 
</table>

或：

<div class="marg"> 
    <h:commandButton value="add" action="a"></h:commandButton> 
    <h:commandButton value="cancel" action="b" immediate="true"></h:commandButton> 
</div>

使用此規則：

.marg { 
    margin-left: 50px; 
    margin-top: 30px; 
}

HTML生成的代碼：

<table class="marg"> 
</table> 
<div class="marg"> 
<input id="j_id1109917403_4227fec1:j_id1109917403_4227feb3" type="submit" value="add" name="j_id1109917403_4227fec1:j_id1109917403_4227feb3"> 
<input id="j_id1109917403_4227fec1:j_id1109917403_4227feae" type="submit" value="cancel" name="j_id1109917403_4227fec1:j_id1109917403_4227feae"> 
</div>

表格和按鈕顯示無邊距。爲什麼？

來源

2013-03-02 Aram Gevorgyan

請發佈代碼（HTML和CSS - 交付給瀏覽器）來演示此問題。到目前爲止發佈的代碼不會那樣做。無論原因是什麼，它在代碼的某些部分沒有透露。我們甚至無法看到CSS規則如何鏈接到HTML。 – 2013-03-02 21:23:53

哦，請對不起，這是我非常愚蠢的錯誤。我忘了添加HTML：

<link rel="stylesheet" type="text/css" href="style/myCSS.css" media="all" />

我以爲我加了它。

來源

2013-03-02 21:39:32

這是一個答案或只是額外的數據質疑？ – SRy 2013-03-02 22:38:09

@SrinivasR：這是一個答案。 – 2013-03-03 16:49:40

-1

.marg css類的margin-left設置爲50px，而不像屬性設置爲30px。如果

來源

2013-03-02 21:07:06

我知道，無論如何，它都是用於測試的，不管沒有使用任何保證金。 – 2013-03-02 21:09:56

測試CSS規則通過添加background-color應用：

.marg { 
    margin-left: 50px; 
    margin-top: 30px; 
    background-color: pink; 
}

如果是的話，再加入!important到現有指令測試目的：
```
.marg { 
    margin-left: 50px !important; 
    margin-top: 30px !important; 
    background-color: pink; 
} 
```
1. 在Firebug/Inspector中查看應用了哪些規則;如果有許多聲明，哪一個聲明具有！重要修飾符或比其他聲明更具特異性，或者最後出現並最終應用。

是否應用了您的CSS？ !important改變了什麼嗎？你在Firebug中看到了什麼？如果您仍然遇到問題，請回過頭來（不用CSS重置！）：HTML和CSS代碼可以幫助我們理解您的問題;生成HTML的後端代碼不會

來源

2013-03-02 21:21:48 FelipeAls

謝謝，爲答案。我添加背景顏色，但沒有改變。 CSS不適用。我刷新瀏覽器（mozilla ctrl-f5）沒有任何改變。但是，當我看着螢火蟲，在CSS類保證金正常顯示。 – 2013-03-02 21:32:44

你的CSS文件是否顯示在Firebug的CSS窗格中？在Firebug的CSS面板中進行編輯時，您是否看到使用IDE /文本編輯器進行的最後修改？任何代理？ – FelipeAls 2013-03-02 21:35:47

謝謝，我發現我的錯誤。 – 2013-03-02 21:41:57

保證金正常工作時，內聯但是在CSS規則不起作用

回答

相關問題