CSS中绝对定位absolute和相对定位relative详解
代码如下 | 复制代码 |
<div class=”divcss5″> <div class=”divcss5-a”></div> </div> |
代码如下 | 复制代码 |
<style> .divcss5{ position:relative;width:400px;height:200px; border:1px solid #000} /* 定义父级position:relative 为就认为是绝对定位声明吧 */ .divcss5-a{ position:absolute;width:100px;height:100px; left:10px;top:10px;background:#000} /* 使用绝对定位position:absolute样式 并且使用left top进行定位位置 */ .divcss5-b{ position:absolute;width:50px;height:50px; right:15px;bottom:13px;background:#00F} /* 使用绝对定位position:absolute样式 并且使用right bottom进行定位位置 */ </style> |
代码如下 | 复制代码 |
<div class=”divcss5″> <div class=”divcss5-a”></div> <div class=”divcss5-b”></div> </div> |
您可能感兴趣的文章:
图例详解网页制作中的绝对定位和相对定位
CSS绝对定位固定定位详解
CSS中绝对定位absolute和相对定位relative详解
css div相对定位和div绝对定位详解
absolute与relative如何区分 怎么用?
css 定位详解介绍带实例demo
浅淅css定位position:relative与absolute用法
css入门教程:CSS Position 教程
详细学习CSS中的网页布局的属性
div中position相对定位与绝对定位实例