CSS+DIV里面相对定位和绝对定位的区别
CSS+DIV里面相对定位和绝对定位具体有什么区别还有哪些情况该用相对定位，哪些情况该用绝对定位？谢谢大家了...
CSS+DIV里面相对定位和绝对定位具体有什么区别还有哪些情况该用相对定位，哪些情况该用绝对定位？谢谢大家了
展开
2个回答
展开全部
呵呵、不用客气、我帮你解释下吧
举个例子、、
<!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>
<style type="text/css">
<!--
#main{ border: 1px solid #00CE67; width : 400px; height : 400px; background-color : #F5FFEC; position:relative;}/*position:relative;这是相对定位、通俗点说就在一个div或者其他元素里面用了相对定位之后、那么这个div或者元素它就成为了一个目标参照物；可以给下面它的子类提供参照目标。*/
h2{ position:absolute; bottom:5px; right:5px;}/* position:absolute;这是绝对定位，它是参照父类的位置来确定自己的位置的，比如这里设置它的下边是5px，右边5px，那么它就会出现在给它提供参照的父类div #main的里面的距离右边5px、下边5px的地方*/
-->
</style>
</head>
<body>
<div id="main">
<h2>绝对定位</h2>
</div>
</body>
</html>
举个例子、、
<!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>
<style type="text/css">
<!--
#main{ border: 1px solid #00CE67; width : 400px; height : 400px; background-color : #F5FFEC; position:relative;}/*position:relative;这是相对定位、通俗点说就在一个div或者其他元素里面用了相对定位之后、那么这个div或者元素它就成为了一个目标参照物；可以给下面它的子类提供参照目标。*/
h2{ position:absolute; bottom:5px; right:5px;}/* position:absolute;这是绝对定位，它是参照父类的位置来确定自己的位置的，比如这里设置它的下边是5px，右边5px，那么它就会出现在给它提供参照的父类div #main的里面的距离右边5px、下边5px的地方*/
-->
</style>
</head>
<body>
<div id="main">
<h2>绝对定位</h2>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
顾名思义,相对定位就是元素相对其父元素的定位,而绝对定位则无视父元素,按给定的数值明确定位,这些看些例子就一目了然了.至于什么情况下用哪个,其实就是个个人习惯,只是绝对定位各浏览器的解释不近相同,如果要兼顾的话最好少用吧.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
