DIV层阴影.out { position:relative;background:#E4E4E4; margin:8px auto;width:300px}.in {background:#fff; border:1px solid #666;padding:10px 5px;position:relative; top:-5px;left:-5px;} CSS相对采用相对定位实现DIV层的投影(阴影)效果 http://www.999jiujiu.com/
CSS定位属性:position。 定位的基本思想:定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素或浏览器窗口本身的位置。 position属性值:static、relative、absolute、fixed。 以下所有测试在Firefox40.0下进行。 所用到基本代码: 1 2 body{ 3 margin: 30px 0 0 30px; 4 padding: 0; 5 } 6 .div1{ 7 ...
× 目录 [1]相对定位 [2]固定定位 前面的话 一般地,说起定位元素是指position不为static的元素,包括relative、absolute和fixed。前面已经详细介绍过absolute绝对定位的基础和应用,这篇博客介绍和梳理相对定位relative和固定定位fixed的相关知识 相对定位 定义 可能理解起来最简单的定位机制就是相对定位了。采用这种机制时,通过使用偏移属性移动定位元素。当元素相对定位时,它...
body{margin: 30px; font-size:9pt;} .a, .b, .c, .d, .e{ width: 100px; height: 100px; margin: 5 auto; color: #fff; background: #000;}.aa, .bb, .cc, .dd, .ee{ top: 10px; left: 10px; width: 10px; height: 10px; overflow: hidden; background: #F90;}.b, .d, .e{position: relative;}.cc, .dd, .ee{position: absolute;}A:均不设置postion,一般嵌套关系B:仅外div设置relative,一般嵌套关系C:仅内...