定位的方法有很多种，它们分别是静态(static)，绝对定位(absolute)，固定(fixed)，相对定位(relative)。针对你的问题，这里重点介绍相对定位：
1、相对定位(relative)：对象不可层叠，依据left，right，top，bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。
2、相对定位需要达成几个条件：
1）参照物：相对谁来进行定位，如何确定参照物；
2）相对的方式是什么：左右偏移、上下偏移等；
3）偏移的量是多少；
看一下下面的例子：
demo：
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title id="title">ceshi</title>
</head>
<style>
#d1{width: 500pxheight: 300pxbackground:red}
#d2{width: 200pxheight: 100pxbackground:blue}
</style>
<body>
<div id="d1" style="position: relativemargin-left: 100px">
<div id="d2" style="position: absolute left: 50px"></div>
</div>
</body>
</html>
demo效果图：
参照物：d1，属性：position: relative，决定他为父级，如果去掉该属性，d2的参照物就变成body如图：
偏移方式：左右偏移，left: 50px，相对于参照物向左偏移50px，也就是d2左边距离d1左边50px；
在扩展中添加。UG4.0以上版本坐标标注详解：1.首先定义坐标原点，可以点选一点为坐标原点（也可以右键扩展 事先在扩展里画一点哦）2.当点选后会默认出现红色十字虚线（这个很重要），点击定义留边，默认第一偏置为40mm（强烈建议改为5mm）,间隔不变默认5mm，留边数也不用管，3.当点选 定义留边后，会多出一个选项，里面有（正交于基线、现有直线、两个点、输入角度、水平、竖直），这时你点选里面的水平与竖直选项，会发现红色十字线在切换，这是因为系统默认X Y方向尺寸一起标，如果你想单独标注某一方向尺寸，可选择这个哦，但注意你选定义留边的边线与这个红色线为垂直关系哦，4.选好后点击要标注图形的边线开始定义留边；5，定义好后单击鼠标中键，点击最后一个选项 自动标注坐标尺寸，这时你就可以在图形上标注你要的尺寸了6.但还有一点，就是当你只标注X或者Y方向尺寸后，如果又想单独标注另一方向时，系统又会默认两个方向一起标，遇到这种情况，可以按住shift键单击不想要标注尺寸的红色十字虚线就可以了；7.UG3.0可没这么复杂哦，其他的我就不多说了.
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）