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>
云里物里
2024-12-19 广告
2024-12-19 广告
基于蓝牙定位的系统里,经常有两个名词概念经常被提起,那就是信标(Beacon)和标签(Tag);标签和信标都是定位系统中使用的蓝牙设备的常用术语。在一些情况它们的功能相似,都可以用于定位和追踪位置信息。但是既然会有两个不同的称呼,那么也会一...
点击进入详情页
本回答由云里物里提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询