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

在css中定位div块的位置是非常重要的,如果你掌握不好div的定位你的css写出来会很乱,下面我们要来看看css div绝对定位与固定定位实例,这个我想对你会有帮助的。 第一个css div固定定位实例 style type="text/css" p.one { position:fixed; left:5px; top:5

在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>

给TA打赏
共{{data.count}}人
人已打赏
html+css

css position详解

2011-11-14 1:21:00

html+css

css教程:px和pt区别

2011-11-14 1:27:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
有新私信 私信列表
搜索