手机
当前位置:查字典教程网 >网页设计 > 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绝对定位与固定定位实例】相关文章:

div与span的区别

CSS如何给一个绝对定位的元素设定自适应宽度

CSS布局教程:绝对定位和相对定位

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

css强制文字不换行实现代码

CSS绿色导航菜单制作实例

css3中圆角和阴影的实验

div+css相对定位和绝对定位用法实例详解

css控制div置顶置底的例子

css绝对定位

精品推荐
分类导航