zoukankan      html  css  js  c++  java
  • 定位属性left,right,top,bottom

    1.官方解释

    left: 设置定位元素左外边距边界与其包含块左边界之间的偏移。(该属性定义了定位元素左外边距边界与其包含块左边界之间的偏移,下面也差不多。。)

    right: 设置定位元素右外边距边界与其包含块右边界之间的偏移。

    top: 设置定位元素的上外边距边界与其包含块上边界之间的偏移。

    bottom: 设置定位元素下外边距边界与其包含块下边界之间的偏移。

     

    2.个人理解

    • left等定位属性,要使用时,它得(dei)是已定位的元素。(absolute,relative,fixed)

      eg:img{position:absolute;left:100px}  如果去掉position:absolute,则left失效。对float:left这种浮动元素也是失效,反正就是定位了才让用哈。

    • 拓展一种居中用法,先定位,再设置  left:0;right:0;margin:auto  可以使元素垂直居中。 设置 top:0;bottom:0;margin:0  可以使元素水平居中。当然,设置四个值都是0;margin:0;后,这个元素就在正中间了。如果不设置元素大小,就平铺了。

      (这个是因为把上下左右都设为0,就扯大了?)

    • 其他的没了,还没想到那么深,哈哈哈哈



     

  • 相关阅读:
    用才情绽放的幸福之花
    我的爱车,你在哪里
    爱在网络,有没有错
    假如能抱着美女写诗
    只想爱你
    创业者和爱因斯坦的10大共同点(不是不可比的)
    心的感谢
    成大事必备9种能力.9种手段.9种心态
    一颗新星在陨落
    C++/C学习笔记(九)
  • 原文地址:https://www.cnblogs.com/liaoliao985786516/p/5634282.html
Copyright © 2011-2022 走看看