欢迎光临
我们一直在努力

css怎么使用绝对值来对元素进行定位

这篇文章主要介绍css怎么使用绝对值来对元素进行定位,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

<html>

<head>

<style type="text/css">

h3.pos_left

{

position:relative;

left:-20px

}

h3.pos_right

{

position:relative;

left:20px

}

</style>

</head>

<body>

<h3>这是位于正常位置的标题</h3>

<h3 class="pos_left">这个标题相对于其正常位置向左移动</h3>

<h3 class="pos_right">这个标题相对于其正常位置向右移动</h3>

<p>相对定位会按照元素的原始位置对该元素进行移动。</p>

<p>样式 "left:-20px" 从元素的原始左侧位置减去 20 像素。</p>

<p>样式 "left:20px" 向元素的原始左侧位置增加 20 像素。</p>

</body>

</html>

以上是“css怎么使用绝对值来对元素进行定位”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注云搜网行业资讯频道!

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。