CSS盒子的定位,我这样设置了,盒子为啥不动

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS盒子的定位,我这样设置了,盒子为啥不动相关的知识,希望对你有一定的参考价值。

<style type="text/css">
#wwpositon:absolute;
top:200px;
left:60px;
#fatherpositon:relative;
</style>
</head>

<body>
<div id="father">
<div id="ww"><img src="图片2/2011623210845.jpg" width="230" class="w" height="200" /></div></div>
</body>

参考技术A <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<style>
#wwmargin-top:200px; margin-left:60px;
#fatherposition:relative; position: absolute
</style>
</head>
<body>
<div id="father">
<div id="ww"><img src="图片2/2011623210845.jpg"" width="230" class="w" height="200" /></div>
</div>
</body>
</html>

PS: position拼错,relative是相对定位要用margin, absolute和relative可以不用写在一起
参考技术B 不应该是margin-Top,margin-Left吗 参考技术C positon写错了,是position

以上是关于CSS盒子的定位,我这样设置了,盒子为啥不动的主要内容,如果未能解决你的问题,请参考以下文章

CSS初始化、盒子深入

web盒子的文字跑到盒子外?

css基础知识的复习总结

Web前端开发笔记——第三章 CSS语言 第五节 盒子模型

将一个不定宽高的盒子设置水平垂直居中的六种方法

网页布局05 网页元素定位