HTML5的div樣式不工作

我的網頁（使用HTML5）工作正常，沒有文檔類型，但是當我添加HTML5文檔類型時，<div> s上的樣式似乎不起作用（具體來說，一個<div>應該是從左邊對齊20個像素不對齊...另一個<div>應該有90％的高度恢復到默認高度...另一個<div>我已經改變了行間距和字符間距似乎使用默認行距和字符間距）。樣式在<span>的工作很好，但它似乎只有<div>有問題。我已將<div>更改爲<section> ...仍然無效。我試過內聯樣式，然後切換到樣式表......這兩種方式似乎都不起作用。我投入了一些display:block;（不確定那是什麼），但它似乎沒有做任何事情。
順便說一下，代碼沒有問題。我通過驗證器運行它，它沒有任何錯誤。HTML5的div樣式不工作

來源

2012-05-19 user1404516

如果有可能，請去http://jsfiddle.net並創建一個自包含的例子，說明你的問題。 –

這裏是我的網頁與東西灰暗： [鏈接]（http://kulukuku.webs.com/problem.htm）。下面是完全一樣的東西，刪除了doctype：[link]（http://kulukuku.webs.com/problem2.htm）。你會看到它看起來不同...有些部分排列不同（更多我想要他們的方式），當你點擊按鈕時，文本將全部在沒有文檔類型的頁面上可見（不像HTML5文檔類型，它只顯示幾行並添加一個滾動條...這不是我想要的）。 – user1404516

我讓你一個人幫你 - http://jsfiddle.net/Px4wh/ – Neil

你在你的CSS有一個錯誤

.indented { 
    display: block; 
    left: 20; 
    position: relative; 
}

應該是：

.indented { 
    display: block; 
    left: 20px; 
    position: relative; 
}

請注意，您必須爲20值指定了單位值 - 否則它可能會被忽略（這是什麼導致你的問題！）

來源

2012-06-08 14:52:28 Fenton

不知道。謝謝！ – user1404516

HTML5的div樣式不工作

回答

相關問題