II.〆石Zi° 发表于 2018-6-25 12:50:14

定位代码(20190728更新)

本帖最后由 II.〆石Zi° 于 2019-7-28 22:04 编辑



定位属性可用于各种标签中,比如:table , div ,P,等等


相对定位:

这是相对于一个父容器内的相对位置,定位参照位置是已有的区域等。比如在一表格内的元素的定位。


<div style="left: -182px; top: -50px; position: relative;">放入你需要定位的元素,比如表格、图片、播放器等</div>
建议:
1、帖子第一层定位用此定位,父容器为浏览器区域。使用相对定位,不会因为显示屏、浏览器的大小和位置变动而变化。
2、相对定位的缺点:原位置会留空白。影响原位置加入新元素。



绝对定位:

这是一个父容器内的绝对位置。
1、绝对定位的优点:原位置不会留空白。便于原位置加入新元素。适用于 “已用相对定位的父容器” 内部各元素的定位。
2、绝对定位的缺点为:帖子第一层如果用绝对定位,那么定位的元素会随着浏览器的放大、缩小而发生移动。


<div style="left: -182px; top: -50px; position: absolute;">放入你需要定位的元素,比如表格、图片、播放器等</div>

西西。 发表于 2018-6-25 12:57:19

这是手把手打算教学H码啊
想学的赶紧

片片枫叶情 发表于 2018-6-25 13:36:35

绝对定位宽屏和窄屏电脑的浏览器观看就不一样了。

无魂回归 发表于 2018-6-25 17:21:10

进来学习了

陌花雨 发表于 2018-9-3 14:51:50

我对这个看了也看不懂。

凯凯赖 发表于 2018-9-20 22:35:48

绝对定位宽屏和窄屏电脑的浏览器观看就不一样了。

drjwww 发表于 2018-10-12 08:56:01

给力,请问如果div嵌套div怎么定位好呢

II.〆石Zi° 发表于 2019-7-28 15:16:37

本帖最后由 II.〆石Zi° 于 2019-9-18 00:24 编辑 <br /><br /><div class="quote"><blockquote><font size="2"><a href="forum.php?mod=redirect&amp;goto=findpost&amp;pid=11525556&amp;ptid=557951" target="_blank"><font color="#999999">片片枫叶情 发表于 2018-6-25 13:36</font></a></font><br>绝对定位宽屏和窄屏电脑的浏览器观看就不一样了。</blockquote></div><p><br>帖子第一层(即父容器)定位用相对定位。<br><br>子定位全部用绝对定位</p><p><br></p><p><br><iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=450 src="//music.163.com/outchain/player?type=1&id=34913133&auto=1&height=430"></iframe>https://music.163.com/#/album?id=34913133</p>
页: [1]
查看完整版本: 定位代码(20190728更新)