頂部和左側屬性不起作用！爲什麼？

我最近學習了一些CSS ...我陷入了一些非常基本的障礙。頂部和左側屬性不起作用！爲什麼？

我無法獲得頂部和左側屬性以在我創建的這個基本頁面上工作。

以下是該頁面的所有代碼...除了頂部和左邊以外，所有屬性都可以工作。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html> 
<head> 
    <style type="text/css"> 
     #firstdiv {border: 2px solid red; 
        position: absolute; 
        top:15px; 
        left:25px:} 
       #seconddiv {border: 2px solid green; 
        position: absolute; 
        top:65px; 
        left:5px:} 
    </style> 
</head> 
<body> 
<div id="firstdiv">This is my first div </div> 
<div id="seconddiv">This is my second div</div> 
</body> 
</html>

在這個問題上的任何幫助將不勝感激！ = d

來源

2011-06-26 MonuMan5

嗯，有一件事你有'：'，而不是'，'在你的兩個'離開結尾：'聲明。 – joelhardi

喬。我能說什麼......我是盲人。非常感謝！ =）我會解決這個問題。 – MonuMan5

如果你正在製作一個網頁，而不是實際使用xml，html5文檔類型更合適，因爲沒有理由使用xhtml，你可能不會像這樣渲染頁面。 – djlumley

你有冒號後留下的，而不是分號

#firstdiv { 
    border: 2px solid red; 
    position: absolute; 
    top:15px; 
    left:25px; 
} 
#seconddiv { 
    border: 2px solid green; 
    position: absolute; 
    top:65px; 
    left:5px; 
}

來源

2011-06-26 23:47:36 eagle12

http://jsfiddle.net/PckBd/看起來就是這樣的修復。如果' - '破折號實際上在代碼中，也請刪除它們。 – djlumley

\t <風格類型= 「文本/ CSS」> \t \t #firstdiv {邊界：2px的固體紅色; \t \t \t \t \t position：absolute; \t \t \t \t \t top：15px; \t \t \t \t \t左：25px的;} \t \t \t \t #seconddiv {邊界：2px的固體綠色; \t \t \t \t \t position：absolute; \t \t \t \t \t top：65px; \t \t \t \t \t左：5px的;} \t

This is my first div

This is my second div

– MonuMan5

抱歉，忘了包括在頂部的文檔類型。 <！DOCTYPE html PUBLIC「 - // W3C // DTD XHTML 1.0 Transitional // EN」「http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd」> – MonuMan5

頂部和左側屬性不起作用！爲什麼？

回答

相關問題