css+div做的簡單windows計算器.doc

剛開始學css+div,想做個windows計算器，弄了一上午，總算是做出來了，現(xiàn)在發(fā)下自己一上午的成果，哈哈，還有很多不完善的地方，僅供參考。為了排版開始加了很多邊框，最后在代碼里面都注釋掉了，不過IE不知道什么原因，/的注釋都被顯示出來了。（360的結(jié)果）（IE的結(jié)果）（360最終結(jié)果）html跟css的代碼如下：jisuanqi.html計算器計算器-x編輯(E)查看(V)幫助(H)MCMRMSM+BackspaceCEC789/sqrt456*%123-1/x0+/-.+=jisuanqi.cssbodytext-align:center;#jisuanqifloat:left;margin:0 25%;padding:0px;width:754px;height:754px;border:2px solid 000000;#headerfloat:left;width:754px;background:red;#header_leftfloat:left;margin:0px 30px;font-size:50px;width:300px;line-height:100px;#header_rightfloat:right;margin-right:30px;width:100px;#header_right ulfloat:left;list-style:none;text-align:center;#header_right ul lifloat:left;border:1px solid 000000;background:000000;line-height:50px;font-size:40px;margin-top:10px;#zhutifloat:left;background:#ffffff;margin:0px;padding:0px;#zhuti_topfloat:left;#zhuti_top1float:left;width:750px;line-height:45px;/border:2px solid blue;#zhuti_top1 ulfloat:left;list-style:none;width:450px;#zhuti_top1 ul lifloat:left;margin-left:10px;margin-right:5px;width:125px;#zhuti_top2float:left;width:720px;height:50px;margin:0px 10px;border:2px solid 000000;background:#ffffff;#zhuti_leftfloat:left;width:155px;height:470px;#zhuti_left #fangkuangfloat:left;width:120px;height:75px;margin:15px 15px;border:2px solid #eeeeee;background:#eeeeee;#zhuti_left .anniufloat:left;width:130px;line-height:70px;margin:10px 10px;border:2px solid #eeeeee;color:red;background:#eeeeee;#zhuti_rightfloat:right;width:550px;height:480px;margin:5px 5px;/border:2px solid red;#zhuti_right1float:left;/border:2px solid yellow;#zhuti_right1 .daanniufloat:left;line-height:75px;width:150px;margin:12px 10px;color:red;border:2px solid #eeeeee;background:#eeeeee;#zhuti_right2float:left;width:530px;height:360px;text-align:center;margin:10px 0px;/border:2px solid blue;#zhuti_right2 .anniufloat:left;wid