-
盒子3D模型 第一层：border 第二层：content+padding 第三层：background-image 第四层：background-color 第五层：margin查看全部
-
使用absolute实现横向两列布局： ————常用于一列固定宽度，另一列宽度自适应的情况。查看全部
-
边距解释查看全部
-
CSS规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。查看全部
-
clear:both 一般用于紧邻后面的元素的清除浮动 width:100%;overflow:hidden;用于父级元素的清除浮动查看全部
-
第一种情况（下）：box2有已设定偏移量的祖先元素box。 .box2{background:green;height:100px;position:absolute;left:50px;top:20px;} .box{position:relative;height:60px;background:#FC0;} 以与box2最临近的祖先元素box为参照基准进行偏移。查看全部
-
第二种情况：元素box2没有偏移参照（即没有已定位的祖先元素） 即box的属性中没有设置position属性时，box2以<html>为偏移参照基准,不是参照<body>（<body>其实和整个页面有一个默认的margin）。 .box2{background:green;height:100px;position:absolute;left:50px;top:20px;}查看全部
-
第一种情况（上）：元素box2有已设置position的祖先元素： 1. 给box2设置一个祖先元素box： <div class="box"><div class="box2">box2</div></div> 2. 给box设置其中一种固定定位：这里用相对定位，因为相对定位比绝对定位要稳定 .box{position:relative;height:60px;background:#FC0;}查看全部
-
.box2{position:absolute} <div class="box2">box2</div> “已定位的祖先元素”的意思是经过任何一种position属性定位的元素。 在此例子中，box2的祖先元素是<html>或<body>但他们都没有进行过任何定位。 蓝色的box3上移并占据绿色的box2本来的位置， 但box2： 1.仍保持在它本来的初始位置， 2.脱离了标准文档流， 3.宽度随着内容的改变而改变。（这一点与浮动布局类似）查看全部
-
.box1{position:relative;top:50px;left:20px} 图片是这个box1元素经过相对定位属性的设置达到的效果。查看全部
-
相对定位（relative）： 1.相对于自身原有的位置进行偏移；（会对其他元素进行遮盖） 2.仍处于标准文档流中；（会占据标准文档流的空间） 3.随即拥有偏移属性和z-index属性；查看全部
-
save查看全部
-
Position属性的三种定位形式： 1.静态定位； 2.相对定位； 3.绝对定位。查看全部
-
Position属性的三种定位形式： 1.静态定位； 2.相对定位； 3.绝对定位。查看全部
-
Position的功能： 1.横向多列布局 2.遮罩层效果的提示框 3.固定层效果 4.全屏广告查看全部
举报
0/150
提交
取消