• 技术文章 >web前端 >前端问答

    css left属性怎么用

    青灯夜游青灯夜游2019-05-30 14:46:45原创1702
    left属性是css的一个定位属性,用于指定元素的左边缘,定义了定位元素左外边距边界与其包含块左边界之间的偏移。如果 "position" 属性的值为 "static",那么设置 "left" 属性不会产生任何效果。

    css left属性怎么用?

    left属性规定元素的左边缘。该属性定义了定位元素左外边距边界与其包含块左边界之间的偏移。

    语法:

    left: auto|%|length|inherit;

    属性值:

    ● auto:默认值。通过浏览器计算左边缘的位置。

    ● %:设置以包含元素的百分比计的左边位置。可使用负值。

    ● length:使用 px、cm 等单位设置元素的左边位置。可使用负值。

    ● inherit:规定应该从父元素继承 left 属性的值。

    注释:所有主流浏览器都支持 left 属性。任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

    css left属性 示例

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <style type="text/css">
    img
    {
      position:absolute;
      left:100px;
    }
    </style>
    </head>
    <body>
    <h1>This is a heading</h1>
    <img src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" />
    </body>
    </html>

    效果图:

    1.jpg

    以上就是css left属性怎么用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css left属性
    上一篇:css border-left属性怎么用 下一篇:css border-bottom-style属性怎么用
    千万级数据并发解决方案

    相关文章推荐

    • css属性值语法的详细介绍• 你不知道的冷门CSS属性• 字体加阴影效果怎么用css属性实现?(代码演示)
    1/1

    PHP中文网