cssdiv绝对定位与固定定位实例

网络整理 - 07-21

在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>一些文本。</p>
<p>更多的文本。</p>

第二css div绝对定位

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

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