手机
当前位置:查字典教程网 >网页设计 > 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如何绝对居中

CSS网页右下角广告的布局实例

常用网站经典布局实例

Css应用小技巧十四例

练习层DIV的定位小实例

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

css控制div不能居中的解决办法

子div在父div的相对定位css控制

css 文本两端对齐应用实例

css控制div中元素居中的示例

精品推荐
分类导航