教程集 www.jiaochengji.com
教程集 >  CSS教程  >  经典实例  >  正文 css div绝对定位与固定定位实例

css div绝对定位与固定定位实例

发布时间:2020-05-17   编辑:jiaochengji.com
教程集为您提供css div绝对定位与固定定位实例等资源,欢迎您收藏本站,我们将为您提供最新的css div绝对定位与固定定位实例资源

在css中定位div块的位置是非常重要的,如果你掌握不好div的定位你的css写出来会很乱,下面我们要来看看css div绝对定位与固定定位实例,这个我想对你会有帮助的。

第一个css div固定定位实例

<style type="text/css">
p.one
{
position:fixed;
left:5px;
top:5px;
}
p.two
{
position:fixed;
top:30px;
right:5px;
}
</style>
</head>
<body>

<p class="one">一些文本。</p>
<p class="two">更多的文本。</p>


第二css div绝对定位

<style type="text/css">
h2.pos_abs
{
position:absolute;
left:100px;
top:150px
}
</style>

<h2 class="pos_abs">这是带有绝对定位的标题</h2>
<p>通过绝对定位,元素可以放置到页面上的任何位置。下面的标题距离页面左侧 100px,距离页面顶部 150px。</p>

 

您可能感兴趣的文章:
css div绝对定位与固定定位实例
CSS绝对定位固定定位详解
CSS基本布局16例
CSS中绝对定位absolute和相对定位relative详解
浅淅css定位position:relative与absolute用法
实例讲解深入学习CSS网页定位元素
详解网页设计中的定位与定位应用
absolute与relative如何区分 怎么用?
移动端页面头部固定定位的绝对定位实现(代码示例)
css 定位详解介绍带实例demo

[关闭]
~ ~