美文网首页
css left top

css left top

作者: 琪琪_729b | 来源:发表于2019-12-07 14:46 被阅读0次

      今天看css,left和top等均可设置具体像素也能设置百分比,当然这个百分比是根据父元素设置的。发现给子元素设置的position全是absolute,这个还可以理解,根据父元素的百分比设置,当然要绝对定位找到父类或根类的宽高才好。好奇试了下如果设置为relative会怎么样,发现不设置父类宽高的情况下,left还是可以设置百分比,top则无法设置。

查资料发现,父类没有显示设置高度时,默认是0的,而left之所以有效,是因为div父类宽度也有个默认值,占满父类的父类。

相关文章

  • css left top

    今天看css,left和top等均可设置具体像素也能设置百分比,当然这个百分比是根据父元素设置的。发现给子元...

  • 为什么有时候设置left、top、right、bottom值不起

    为什么有时候设置left、top、right、bottom值不起作用? 因为css的left和top属性指的是距最...

  • 记一个前端居中的坑

    css使用 top: 50%; left: 50%; transform: translate(-50%, -50...

  • css

    ## 目录 1. [居中](#居中) ### 居中 ```css top:50%; left:50%; trans...

  • CSS position定位

    CSS定位 CSS的position属性指定了HTML元素的定位类型,元素可以使用top left right b...

  • css margin缩写简写巧妙记法

    CSS样式上下、左右、上下左右缩写简写优化 一、记忆要领:上(top)左(left) ...

  • FLIP 动画技术

    如果用 height, width, top, left等CSS属性来做动画,性能要远远差于用 transform...

  • css之定位

    CSS属性 position 用于指定一个元素在文档中的定位方式。top, right, bottom和 left...

  • 移动端用translate替换left/top制作动画效果

    css3之前,想要改变某个元素的位置,常用的方法是通过绝对定位改变其left或是top。而现在,由于css3新增加...

  • 小笔记

    js设置left、top、right、bottom问题 当元素未设置left、top、right、bottom时(...

网友评论

      本文标题:css left top

      本文链接:https://www.haomeiwen.com/subject/ladugctx.html