东莞市盛裕绒艺玩具有限公司

东莞市盛裕绒艺玩具有限公司

D88尊龙体育官方备用网址

18841734846
联系方式
全国服务热线: 18841734846

咨询热线:13599149683
联系人:马昌文
地址:南宁市西乡塘区滨河路5号中盟科技园2号楼四层406号

css position 定位模式

来源:D88尊龙体育官方备用网址   发布时间:2019-06-26   点击量:414

 定位

定位模式: static relative absolute fixed

边偏移 :top bottom left right

一般的定位必须要有定位模式以及边偏移

static 静态定位 默认的定位模式 没有边偏移

取消定位 跟浮动的float:none是一样的   取消浮动

position:relative 相对于原来的位置 原来的位置是有占位的 有边偏移 没有脱离标准流的

top :距离原来的顶部多少个px

left:距离原来的左边位置...个px

绝对定位 不占有原来的位置 脱离标准流

如果父亲没有定位 我们相当于找的是可视区域 client

如果父盒子有定位,找的是父盒子(相对于父盒子的定位)

子绝父相:

 

1.父盒子由于需要占用位置应该使用相对定位(没有脱离标准流)

2.子盒子由于要显示层级效果应该使用绝对定位(已经脱离标准流)

子盒子在父盒子居中显示

1.父盒子和子盒子都有定位

2.给子元素 left:50%;top:50%;

3.给父元素的margin-top:-子元素高度的50%(比如子元素100px高度,就给-50px)

-子元素宽度的50%(比如子元素100px宽度,就给-50px)

resize:none 这个单词可以防止 火狐 谷歌等浏览器随意的拖动 文本域 textare

相关产品

COPYRIGHTS©2017 D88尊龙体育官方备用网址 ALL RIGHTS RESERVED 备案号:414