htmlcss小记

2021-05-11 09:27

阅读:653

标签:Fix   元素   float   nta   containe   html   pos   end   relative   

1,float不是绝对意义上的浮动,absolute才是(float无法压住盒子里面的文字 和图片,absoulte可以)(写两个盒子上面一个盒子浮动下面的盒子放img或者盒子里写文字进行测试)

2,加了定位或者浮动的盒子 margin:0 aruto 就失效了,如何居中对齐?(垂直居中同理)  

  1. 首先left 50% 父盒子的一半大小

  2. 然后走自己外边距负的一半值就可以了 margin-left。

3,position:fixed 的定位之参考浏览器 absolute是父级没有定位才参考浏览器 relative参考自己。

4,跟 浮动一样,元素添加了 绝对定位和固定定位之后, 元素模式也会发生转换, 都转换为 行内块模式,(如果元素没有给宽度或者是继承的宽度 添加定位后无法显示因为行内块的性质决定的)

htmlcss小记

标签:Fix   元素   float   nta   containe   html   pos   end   relative   

原文地址:https://www.cnblogs.com/f2ehe/p/12056983.html


评论


亲,登录后才可以留言!