页面布局

两列布局：（经IE8、FF验证）

1。左侧固定，右侧自适应

只需左侧width:200px;float:left即可

2。右侧固定，左侧自适应（完全不用浮动）

方法一：

#left{position:absolute;right:0;width:100%;}

#content{margin-right:210px;}有10pxs间隙。#content为#left内容。

#right{position:absolute;right:0;width:200px;z-index:1}

方法二：（未测试）

#right{position:absolute;right:0;width:200px;}
#left{marin-right:200px;}

#right必须写在#left前面

方法三：（未测试）

#right{float:right;width:200px;}
#left{marin-right:200px;}

#right必须写在#left前面

3。两列布局，左侧上、下,右侧。

方法一：浮动

<div id="a1"/>

<div id="a2"/>

<div id="a3"/>

#a1,#a2,#a3{background-color:#aaa;margin:5px;}

#a1{width:20%;height:200px;float:left}

#a2{width:77%;height:310px;float:right;}

#a3{width:20%;height:100px;float:left;}

方法二：不用浮动

<div id="a1"/>

<div id="b1"/>

<div id="c1"/>

#a1,#b1{height:50px;width:100px;margin:5px;}

#c1{margin-top:-110px;margin-left:110px;height:105px;}

 

三列布局：（经IE8、FF验证）

1。左右固定，中间自适应（完全不用浮动）

body{margin:0;padding:0}

#left{position:absolute;left:0;top:0;width:120px;}

#content{padding-left:120px;padding-right:200px;}

#right{position:absolute;top:0;right:0;width:120px;}

 

获取浏览器名称和版本：

var brower=navigator.appName;

var version=parseFloat(navigator.appVersion);

 

display的两个属性inline和block的区别：

inline:内联元素，前后无换行符。

block:块级元素，前后有换行符。

 

cursor:hand同curson:pointer同效果，均变成手。

ie支持hand，ie6以上、ff支持pointer。

 

js的数据类型：

1。数值型number

2。布尔型boolean

3。字符串string

4。null 没有任何值

5。不确定值（数值NaN，字符串undefined，逻辑值false）

 

显示当前时间

function showTime(){

    mytime=new Date();

    year = mytime.getYear();

    month = mytime.getMonth()+1;

    day = mytime.getDate();

    minute = mytime.getMinutes();

    second = mytime.getSecond();

    document.getElementById("time").innerHTML = "今天是"+year+"年"+month+"月"+day+"日"+minute+"："+second;

}