用Div+CSS进行网站布局时,做一些浮动层等特殊效果时要考虑到定位问题。这就要用到Position属性等。
Position属性有四个值:static、fixed、absolute和relative;
absolute是指绝对定位,即将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位,当Position属性值为absolute时对象从文档流中抽取出来,原占有的位置被后面的对象顶替上来。
relative是指相对定位,就是依据left,right,top,bottom等属性在正常文档流中偏移位置,当Position属性值为Relative时对象原来占有的位置保留,其后面的对象按原来文档流仍然保持原来的位置。
在Position属性值为absolute的同时,如果有一级父对象(无论是父对象还是祖父对象,或者再高的辈分,一样)的Position属性值为Relative时,则上述的相对浏览器窗口定位将会变成相对父对象定位,这对精确定位是很有帮助的。
float: left; list-style:none; 需要在<a>标签的上层标签,如<li>标签中,使用id选择器#container #top li {} 进行样式变换
absolute:绝对定位,即相对于父级元素定位;
relative:相对定位,相对于文档流定位;
static:默认的定位方式,忽略任何 top、bottom、left 或 right 声明;
fixed:相对当前窗口定位,类似与浏览器上方导航栏和网页滚动的效果
Ajax:底层使用 XMLHttpRequest 对象进行数据访问,由于浏览器的历史原因,浏览器创建方式不同,所以调用Ajax引擎(封装了所有的方法)实现了跨浏览器版本的功能。
xmlrequest.onreadystatechange = callback;
xmlrequest.open("post",url,true);//get