为什么我不能调整我的div的位置

时间:2013-09-04 08:52:40

标签: css

基本上我正在使用W3网站上的“Tryit Editor” 这是我用

开始的代码
<!DOCTYPE html>
<html>
<head>
<style> 
body
{
background-image:url("img_tree.gif"),url("img_flwr.gif");
background-color:#cccccc;
}
</style>
</head>
<body>

</body>
</html>

我想更改背景颜色和背景图片,以便它们只能在div上找到,而不是在整个页面上找到。我还想在页面周围移动div。我能够用背景元素制作div,但我无法在页面上移动它。我使用以下代码,认为

top:150px;
left: 150px;

会导致div改变位置

<!DOCTYPE html>
<html>
<head>
<style> 
div 
{
position=fixed;
top:150px;
left: 150px;
background-image:url("img_tree.gif"),url("img_flwr.gif");
background-color:#00dccc;
height: 200px;
width: 200px;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
唉,div没有改变立场。是什么给了什么?

谢谢! :

2 个答案:

答案 0 :(得分:4)

您的position声明中有一个等号而不是冒号,导致该页面忽略它。改变它,它会工作!

编辑:感谢我修复了我可怕的术语Pavlo,不敢相信我这样做:P

答案 1 :(得分:2)

你的代码错了。它应该是

position: fixed;