手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css div绝对定位与固定定位实例
css div绝对定位与固定定位实例
摘要:在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。

【css div绝对定位与固定定位实例】相关文章:

css 文本两端对齐应用实例

详解CSS的相对定位和绝对定位

常用网站经典布局实例

css美化Div边框的样式实例

css+div 图片排列布局

css3中圆角和阴影的实验

css绝对定位

div中class与id的区别及应用

css中水平垂直居中对齐布局实例总结

css3隔行变换色实现示例

精品推荐
分类导航