展会信息港展会大全

css div绝对定位与固定定位实例
来源:互联网   发布日期:2016-03-25 15:59:43   浏览:1688次  

导读:在css中定位div块的位置是非常重要的,如果你掌握不好div的定位你的css写出来会很乱,下面我们要来看看css div绝对定位与固定定位实例,这个我想对你会有帮助的。第一个css di...

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

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
推荐内容
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港