箱子尺寸突然停止工作

我正在使用箱子尺寸：邊框;元素使我的網站在我的網站上的行爲在多個瀏覽器上表現相同。自從我開始創建網站以來，它的工作非常出色，但是今天盒子大小元素突然停止工作。我不知道可能是什麼問題。幫助將非常感謝！你可以看到，所有的盒子都把填充物放在「外面」，而不是放在盒子裏面。箱子尺寸突然停止工作

這是我的復位代碼：

* { 
    margin:0; 
    padding:0; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
}

感謝，弗雷德裏克

來源

2014-01-29 Akerman

是什麼瀏覽器你只是爲了澄清而進行測試嗎？ – camdixon

包括鏈接到網站不會給你一個很好的答案。嘗試使用盡可能最少的代碼複製問題，並在此處發佈。 – stackErr

問題出現在極光（Firefox 28） – Mave

加載您的網站我在控制檯中看到以下錯誤：

Selector expected. Ruleset ignored due to bad selector. main.css:1

如果你看看你main.css文件的第一行，你會看到它是：

</*****************************************************

刪除開頭的角度支架，它看起來像：

/*****************************************************

來源

2014-01-29 19:14:17 robertc

非常非常感謝你！它工作：D – Akerman

從要box-sizing; border-box;是在所有的元素我收集了什麼？要做到這一點使用此代碼

/* apply a natural box layout model to all elements */ 
*, *:before, *:after { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
}

這裏是一個codepen樣本： http://codepen.io/camdixon/pen/DgrGC

我得到的答案從這裏： http://www.paulirish.com/2012/box-sizing-border-box-ftw/

更詳細的答案，在這裏發現了IE技巧： * { Box-sizing: border-box; } : To border-box or not to border-box all elements?

來源

2014-01-29 18:58:26 camdixon

發現，但這也不工作。謝謝annyway！ – Akerman

箱子尺寸突然停止工作

回答

相關問題