2013-11-26 212 views
0

看來我有一個邊緣或填充問題......我無法分辨出哪些是因爲當我對兩者進行調整時,它不會影響它們。也許這不會引發問題。我指的是卡片標題上方的邊距/填充。奇怪的邊距和/或填充問題

enter image description here

但這裏是original,然後在這裏的是,竟然放棄怪異保證金/填充問題copy。我已經嘗試了一切,從猜測代碼幾個小時,看看是什麼導致問題,檢查多個瀏覽器,清除我的緩存(它通常解決這個奇怪的任何問題),並重寫所有內容,但仍然找不到任何東西。任何幫助將不勝感激,謝謝!

+0

你可以分享你的CSS? – Nate

+0

[鏈接](http://labs.oceanicviewstudios.com/now/main.css) 這是我的CodePen上的CSS。 – Brad

+0

'h1 {margin:0;填充:0; }' – mdesdev

回答

2

WebKit瀏覽器添加特定的造型以HTML標籤

例如:

webkit-any(article,aside,nav,section) h1 { 
    font-size: 1.5em; 
    -webkit-margin-before: 0.83em; 
    -webkit-margin-after: 0.83em; 
} 

所有你需要做的就是 「重置」 你的CSS。

// If you want a "global" reset 
* { 
    margin: 0; 
} 

h1 { 
    margin: 0; 
} 
+0

好吧!像魅力一樣工作。我正在閱讀關於「重置」CSS的地方,但從來沒有被愚弄過。 – Brad

+1

這是導致問題的'h1'邊緣,所以不需要執行'*'。 –