CSS寬度超出指定

在this website我的CSS是CSS寬度超出指定

.event_a { 
    width:220px; 
    float:left; 
    height:100%; 
    padding:5px 0px 0px 0px; 
}

但三個「.event_a」盒子不會坐在旁邊給對方。當我在Chrome中檢查元素時，它顯示寬度爲740px！（這可以解釋爲什麼他們並不坐在一起）

任何想法爲什麼它不接受指定的寬度或如何解決它？

來源

2011-04-27 Tara

如果您發現有效的答案，請單擊下方的綠色問號投票。 – austinbv 2011-04-27 20:34:14

@austinbv謝謝！我剛剛意識到......會做的。 – Tara 2011-04-28 20:46:04

樣式表中有錯誤。刪除多餘的「}」：

.event1 { 
    float:left; 
    width:365px; 
    height:100%; 
    padding:5px 2px 0px 2px; 
    } 
    } 
.event_a {

來源

2011-04-27 20:16:55 scrappedcola

謝謝！它現在的作品:) – Tara 2011-04-27 20:19:43

很高興聽到它。我自己遇到了很多。一個快速調試的方法是使用Firefox和螢火蟲。首先用螢火蟲檢查有問題的div，如果你沒有看到你需要應用的樣式被應用，那麼打開你的樣式表到那個地方去看一看。你可以在瀏覽器中通過打開Firebug中的css選項卡來查看加載的內容，然後右鍵單擊css文件的名稱並選擇在新選項卡中打開（這是確保你記得保存工作的好方法如果你也在多個開發環境中運行）。 – scrappedcola 2011-04-27 20:26:30

CSS寬度超出指定

回答

相關問題