顶部和左侧属性不起作用!为什么?

时间:2011-06-26 23:44:32

标签: css xhtml

我最近开始学习一些CSS ...而且我遇到了一些非常基本的障碍。

我无法在我创建的这个基本页面上使用top和left属性。

以下是该页面的所有代码...除了顶部和左侧之外,所有属性都有效。

<!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

1 个答案:

答案 0 :(得分:4)

左边有冒号而不是冒号

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