css相对定位

css相对定位

代码

<html>
<head>
<style type="text/css">
    
h2.left{position:relative;
    left:-100px;
    }
h2.right{position:relative;
    left:300px;
}

</style>
<body>
<h2>这是位于正常位置的标题</h2>
<h2 class="left">这个标题相对于其正常位置向左移动</h2>
<h2 class="right">这个标题相对于其正常位置向右移动</h2>
</body>

</html>

学习感悟

position:relative;
left:-100px;

其中position:relative;表示采用相对定位的方式,-100px表示相对于原来的位置向左移动100px,100px自然就是向右移动了。

参考

CSS left 属性

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容