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

    css定位通常与哪几个样式一起使用

    青灯夜游青灯夜游2021-07-21 14:50:26原创74

    通常与top、bottom、left、right样式一起使用。top属性规定元素的顶部边缘,定义定位元素上外边距边界与其包含块上边界间的偏移;bottom属性规定元素的底部边缘;left属性规定元素的左边缘;right属性规定元素的右边缘。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    css定位通常与通常与top、bottom、left、right样式一起使用。

    注释:如果 "position" 属性的值为 "static",那么设置 “top”、“bottom”、“left”、“right”属性不会产生任何效果。

    示例:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <style>
    h2
    {
    	position:absolute;
    	left:100px;
    	top:150px;
    }
    </style>
    </head>
    
    <body>
    <h2>这是一个绝对定位了的标题</h2>
    <p>用绝对定位,一个元素可以放在页面上的任何位置。标题下面放置距离左边的页面100 px和距离页面的顶部150 px的元素。.</p>
    </body>
    
    </html>

    效果图:

    1.png

    (学习视频分享:css视频教程

    以上就是css定位通常与哪几个样式一起使用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css定位 top bottom left right
    上一篇:JavaScript隐藏元素的方法有哪些 下一篇:css模块是什么
    第16期线上培训班

    相关文章推荐

    • CSS定位position及应用场景实例分析• CSS定位中Positoin、absolute、Relative的一些研究• CSS定位position的多种方式以及不同方式之间的区别• 如何使用css定位?css定位的使用方法• 通过CSS定位操作的动态元素大小• css定位图片位置不变的实现方法

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网