娟顺其自然

2011年9月25日

position:absolute的div不挤占页面其他元素空间，悬浮于其上position:relative 挤占页面其他元素空间下面几个例子，运行下即知区别。例1：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head& Read More

posted @ 2011-09-25 20:57 娟顺其自然 Views(200) Comments(0) Diggs(0)

div中的相对定位与绝对定位

1.position:relative; 如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素“相对于”它的原始起点进行移动。（再一点，相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其他框）例如：＃mybox{ position:relative; left:20px; top:20px; } 效果就是使这个层向下和向左移动了20px。 2.position:absolute; 表示绝对定位，位置将依据浏览器左上角的0点开始计算，绝对定位使元素与文档流无关，因此不占据空间。普通文档流中其这元素的布局就像绝对定位的 Read More

posted @ 2011-09-25 20:55 娟顺其自然 Views(222) Comments(0) Diggs(0)

div 边框

1. 外凸边框：<div style="BORDER-RIGHT: 3px outset; BORDER-TOP: 3px outset; BACKGROUND: #ffffff; BORDER-LEFT: 3px outset; WIDTH: 100%; BORDER-BOTTOM: 3px outset; HEIGHT: 100%" align=left>日志文字</DIV>代码说明：蓝色部分为可修改部分，一一说明：四个2表示凸起边框的宽度，用1的话不太明显，2或3比较合适；四个outset表示边框类型为"凸起"，如果都改成i Read More

posted @ 2011-09-25 20:53 娟顺其自然 Views(293) Comments(0) Diggs(0)

公告