空白問題

-1

由於某種原因，我看不到如何刪除我的標題和詳細信息之間的這個巨大差距。我檢查了不同的區域，看不到任何填充。我用紅色標出了我想刪除的區域。唯一棘手的部分是，我想刪除這個間距，而不會影響頁面，一旦你點擊「重型機械師」空白問題

我爲這個簡單的問題表示歉意，但已經嘗試過，似乎無法得到它，但必須結束看什麼。

http://jobspark.ca/job-listings/

enter image description here

來源

2013-05-30 Chris S

沒有代碼的問題'-1'。 – Sourabh

他鏈接的網站... – 755

該網站上的代碼可以改變這是爲什麼這裏有一個靜態副本是很好的。 –

的.article-meta規則包括margin-top:24px，這是可能是什麼造成的呢？另外，h1規則指定margin-bottom:24px。

來源

2013-05-30 23:09:03

您的「頁腳」元素具有24px的頁邊距。這是你的HTML的結構：

<header> 
(space because the header is 45px) 
<div class="body"> 
(space because the footer has margin-top: 24px) 
<footer>

在點擊「重載」，頁腳製作的頁面，它的上邊距間距仍然存在，它只是文字在你的「身體長塊之後的「div。在你給的鏈接中，你的身體是空的，所以你看到你的標題下方的空白頂部空間。如果你想覆蓋margin-top，你需要爲這個頁面添加CSS/Javascript。如果你使用的是Chrome，右鍵單擊你的元素，單擊檢查元素，然後在右鍵點擊計算樣式，你會看到邊緣頂部

來源

2013-05-30 23:10:51 755

看來問題依賴於一個邊緣被添加到所有標題：

h1, h2, h3, h4, h5, h6 {margin: 0 0 24px}

在標題底部添加一個邊距（以及字幕等）。

通過刪除該值（24px），您在點擊「重型機械師」時會影響頁面。也許你可以嘗試刪除h1的保證金底部，並在「重型機械師」（「關於這個機會」）的副標題中加上一個頂部的保證金。

來源

2013-05-30 23:13:15

更改h1的margin-bottom和footer的margin-top。也許我會說，把兩者都減少到一半，而不是去掉邊際？

article h1 { 
    margin-bottom: 12px; 
} 

article footer { 
    margin-top: 12px; 
}

來源

2013-05-30 23:50:32 Sourabh

回答

相關問題