css div绝对定位与固定定位实例
发布时间:2015-11-04 来源:查字典编辑
摘要:在css中定位div块的位置是非常重要的,如果你掌握不好div的定位你的css写出来会很乱,下面我们要来看看cssdiv绝对定位与固定定位实...
在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更多的文本。
第二css div绝对定位
style type="text/css"
h2.pos_abs
{
position:absolute;
left:100px;
top:150px
}
/style
h2这是带有绝对定位的标题
p通过绝对定位,元素可以放置到页面上的任何位置。下面的标题距离页面左侧 100px,距离页面顶部 150px。