第一篇：WEB前端研發(fā)工程師-簡歷示例

姓名：XX
E-mail: 聯(lián)系電話:

目標(biāo)職位 教育經(jīng)歷
?

WEB 前端研發(fā)工程師 大學(xué) 軟件學(xué)院 軟件工程 本科

2008.9-至今
? ? ? ?

實訓(xùn)成績： XXX 2011 年春季學(xué)期實習(xí)派遣綜合測驗成績：XX CET-成績： 本科課程平均成績：分；綜合排名： XX/XXX

社會活動及主要成績
? ? ? ? ? ? 大學(xué)所有課程設(shè)計都擔(dān)任組長，帶領(lǐng)組員取得優(yōu)秀成績 XXX 部門負(fù)責(zé)人，組織部門日常活動 XX 俱樂部活動部成員，負(fù)責(zé)小型活動的策劃 XX 班長，管理班級日常事務(wù) 獲得 XX 認(rèn)證 參加 XXX

社會項目經(jīng)歷
? XX 管理信息系統(tǒng)(實際項目)
?

項目簡介：時間：180 天

開發(fā)人員: 5 人

開發(fā)工具：|Flex | Oracle|MyEclipse|ArcGIS| 實現(xiàn)功能: XXXXX
? ?

個人職責(zé)：項目組成員，完成 XXXX。掌握技能： 圖像處理技術(shù)初步，F(xiàn)lex 編程技術(shù)，ArcGIS 服務(wù)發(fā)布使用技術(shù)。

學(xué)校項目經(jīng)歷
? 人機五子棋對戰(zhàn)程序
?

項目簡介：時間：14 天

開發(fā)人員: 3 人

開發(fā)工具：| Visual Studio 2008 | 實現(xiàn)功能: 實現(xiàn)電腦五子棋智能對戰(zhàn)系統(tǒng)。
?

個人職責(zé)：項目組長。完成了以下任務(wù) 1)2)3)智能五子棋算法提出及設(shè)計 算法優(yōu)化以及界面設(shè)計 項目組成員任務(wù)管理

?

掌握技能：MFC 編程，博弈樹算法，原創(chuàng)五子棋對戰(zhàn)算法

?

基于 WEB 的二手書交易平臺
?

項目簡介：時間：14 天

開發(fā)人員: 3 人

開發(fā)工具：| Visual Studio 2008 | Sql Server 2008|DreamWeaver| 實現(xiàn)功能: 實現(xiàn)在線二手書交易系統(tǒng)。
?

個人職責(zé)：項目組長。完成了以下任務(wù)
1

1)2)3)
?

網(wǎng)站構(gòu)架設(shè)計 UI 界面設(shè)計及腳本編寫 項目組成員任務(wù)管理

掌握技能：ASP 編程，JavaScript，CSS，電子商務(wù)網(wǎng)站模型

?

基于 WEB 的新型在線即時聊天系統(tǒng)
?

項目簡介：時間：14 天

開發(fā)人員: 4 人

開發(fā)工具：|MyEclipse 8.5 | MySQL 5.1| DreamWeaver| 實現(xiàn)功能: 實現(xiàn)在線音樂匹配聊天，隨機聊天，主題匹配聊天功能
?

個人職責(zé)：項目組長。完成了以下任務(wù) 1)2)3)網(wǎng)站構(gòu)架設(shè)計及 UI 界面設(shè)計 即時聊天功能實現(xiàn) 項目組成員任務(wù)管理

?

掌握技能：JSP 編程，JavaScript 腳本，CSS 布局，即時聊天網(wǎng)絡(luò)編程

個人知識體系
? 掌握較好的技能 1 2 3 4 5 6 ○Java 技術(shù) ○Jsp 技術(shù) ○.Net 技術(shù)○Asp 網(wǎng)頁編程技術(shù) ○數(shù)據(jù)庫系統(tǒng) ○數(shù)據(jù)結(jié)構(gòu) 7 8 ○C++編程能力 ○網(wǎng)絡(luò)編程技術(shù) ? ? 基本掌握的技能 1 2 3 4 ○英語閱讀，交流能力 ○C 語言編程能力 ○CSS 布局 ○JavaScript 腳本編程技術(shù) 初步學(xué)習(xí)但未達(dá)到掌握程度的技能 1 2 3 ○Shell 編程 ○Linux 操作系統(tǒng) ○分布式系統(tǒng)

個人評價
已積累一定數(shù)量中小型項目開發(fā)經(jīng)驗。能很好地帶領(lǐng)一個團隊完成任務(wù)。有較強的自 主編程能力及團隊合作，團隊交流能力。善于快速學(xué)習(xí)并使

用新技術(shù)。對工作充滿熱情，從未試圖抱怨，一直努力改變。另外我對 Web 前端開發(fā)比較熟悉，正在進(jìn)行 HTML5 Canvas 游戲開發(fā)的深入學(xué)習(xí)。

求職意向
成為一個合格的研發(fā)工程師。對某項技術(shù)深入學(xué)習(xí)研究和運用。更好地適應(yīng)團隊開發(fā) 模式。將所學(xué)知識靈活運用的同時積累更多有價值的知識財富。另外，我喜歡挑戰(zhàn)一些艱 難的任務(wù)。希望可以找一個有能讓我釋放激情的工作。

2

第二篇：web前端工程師的求職信（最終版）

求職信

非常感謝新浪提供的這次面試機會。我會用心并努力的爭取這次難得的機會。

我對新浪的了解

接觸網(wǎng)絡(luò)十余載，新浪在某些方面也一直陪伴著我的成長。如今在新浪看新聞，特別是體育頻道，還有新浪微博，都成了我每天必不可少要做的事情。如今得到面試的機會，更是十分興奮，十分希望能成為新浪人，在這樣的企業(yè)工作，是一生的財富和難得的經(jīng)驗積累。

我對自己在團隊中的定位

對于前端技術(shù)方面，我肯定不是最優(yōu)秀的，但是從自我創(chuàng)業(yè)到在公司做網(wǎng)站外包項目，以及去年在分眾傳媒做大型網(wǎng)站項目的歷練，我對自己的認(rèn)識是我對每個基層項目都有不同程度的接觸和了解，這是我的優(yōu)勢。特別是在分眾傳媒的工作期間，從設(shè)計規(guī)范，前端規(guī)范的定制，到頻道頁面的UI界面及HTML頁面都有不同程度的參與，在團隊中我往往能起到協(xié)同工作，承上啟下，以及救火隊員的角色。雖然沒有悟空的絕世武功，但卻有八戒的樣樣通和沙僧的認(rèn)真與穩(wěn)重。

我對網(wǎng)頁重構(gòu)這份工作的理解

網(wǎng)頁重構(gòu)這份工作，個人認(rèn)為并不是簡簡單單的執(zhí)行者。而應(yīng)該通過自己的經(jīng)驗，配合產(chǎn)品，設(shè)計及開發(fā)人員，協(xié)同進(jìn)行工作。在做網(wǎng)站外包項目的過程中，理解的用戶的需求及動機，在分眾工作的時候，明確了團隊協(xié)同工作的重要性。

我對前端未來的看法

HTML5和CSS3逐步為大家推崇，在內(nèi)地因為IE和用戶以及盜版XP的問題，使得其推廣之路漫長遙遠(yuǎn)，但是例如像新浪，淘寶這樣的走在技術(shù)最前沿的公司，開始著嘗試和改變。對于我們前端開發(fā)及頁面重構(gòu)的人員，對于新技術(shù)的學(xué)習(xí)和應(yīng)用則顯得更為重要。

我的職業(yè)規(guī)劃

我計劃在努力學(xué)習(xí)前端方面最新知識的同時，為做產(chǎn)品方面的工作進(jìn)行轉(zhuǎn)型。這個想法由來已久，也有著充分的準(zhǔn)備。并不是我不想把前端的工作做的更深入，而是隨著年齡的成長和對行業(yè)，以及這個社會的認(rèn)知，考慮的問題和因素更加復(fù)合化。因為有著多年底層工作的經(jīng)驗，從用戶體驗，UI設(shè)計，前端開發(fā)，甚至是服務(wù)器構(gòu)架方面，都有不同程度的熟知和理解。這為自己成為一個合格的產(chǎn)品人員，打下了一定的基礎(chǔ)。在對于事物的考慮上，我更喜歡全面的，多方位的，深層次的去考慮和理解一些問題，并提出疑問，并在其中加入一些所謂創(chuàng)新，和自己的想法。

我的優(yōu)點和缺點

我的優(yōu)點是善于考慮多方面的問題和細(xì)節(jié)，喜歡對某些固有的觀念或技術(shù)提出新的問題和想法?？紤]問題比較全面周到，工作中細(xì)心認(rèn)真，能適應(yīng)各種加班和出差工作，注重團隊配合，喜歡與人溝通，交流一些思想與觀念。

缺點方面因為在某些時候問題考慮的比較多，錯過了很多應(yīng)有的決策時機。工作方面也會因為此問題影響一些速度。個人來看我比較適合長期，目標(biāo)性明確的任務(wù)，而不適合一些非常緊急的項目。因為我會覺得我可以將某些問題或任務(wù)解決的更好，而非常匆忙的時間，會影響其完美性。

我的人生觀和價值觀

多年前，年少的自己來京，開始了北漂和創(chuàng)業(yè)的生涯。失敗過，從頭來過，風(fēng)風(fēng)雨雨挺了過來。我的人生觀極其簡單，要去認(rèn)真的做一些事情。結(jié)果固然成功為好，但失敗依然是一筆經(jīng)驗與財富，不要放棄，不要自己把自己拋棄。年少時創(chuàng)業(yè)的早早失敗，讓我對人生有更多感悟，也對各種艱辛和困苦，有了更高的抗性。套用網(wǎng)絡(luò)的句式，就是一切挫折在我面前都是浮云了。

我的一些愛好

我喜歡唱歌，過去在KTV里我會常常不自覺的成為麥霸，而現(xiàn)在，我更懂得要收斂。運動方面喜歡健身和游泳。喜歡泛濫的讀書，從技術(shù)，文學(xué)，銷售，產(chǎn)品，甚至漫畫方面都不同程度的品讀過。

由衷致謝！

2012年2月1日趙星

第三篇：Web前端工作總結(jié)

Web前端學(xué)習(xí)總結(jié)

一.名詞解釋 1.橫切

在固定頁面的寬度(按柵格化進(jìn)行)并且對高度沒有限制的容器稱為一個標(biāo)準(zhǔn)橫切 2.留白 兩個容器或碎片之間的上、下、左、右的空白距離 3.繼承

元素可以從其父級元素中獲得一些可為自己使用的屬性或值。4.圖片定位

把圖片元素放置到一個靜態(tài)的、相對的、絕對的、或固定的位置中，利用CSS中對圖片進(jìn)行遮罩屬性，多用于頁面中的修飾圖 5.底圖

頁面中在標(biāo)簽中使用的背景圖 6.齊底(圖)線 用于區(qū)分橫切或碎片結(jié)束的線或圖 7.頁面結(jié)構(gòu)

頁面的基礎(chǔ)框架，由橫切、布局元素組成 8.焦點區(qū)(圖)最易注意的區(qū)域 9.導(dǎo)航

在頁面中具有導(dǎo)向性的鏈接集合 10.頭圖 頁面主題圖片 11.間距

碎片或文字間的距離 12.行高

文字段落中行與行之間的距離 13.首行縮進(jìn) 文字段落首行縮進(jìn) 14.浮動

使被定義的區(qū)域脫離正常的頁面文檔流 15.碎片 由文字、圖片組合成的內(nèi)容區(qū)域 16.通欄廣告 與頁面內(nèi)容區(qū)同寬的廣告區(qū)域 17.功能按鈕 具有交互屬性的按鈕 18.私有樣式

當(dāng)前頁面獨立使用的樣式，不具備公用性 19.水平(垂直)居中

在頁面中的某個元素處于父級的上下或左右的相同距離 20.標(biāo)準(zhǔn)頭(尾)定義相同的頁面頭或尾元素集合 二.文本格式化 1.段落：p 2.斜體：address（聯(lián)系信息）em（強調(diào)）i（突出不同）cite（引用）dfn（首次定義術(shù)語）3.粗體：strong（重要）b（提醒）4.圖片塊：figure 5.引述文段，段落縮進(jìn)：blockquote 6.背景顏色：mark 7.虛線下劃線：abbr 8.上標(biāo)下標(biāo)：sub/sup 9.下劃線：ins 10.刪除線：del（標(biāo)記已刪除內(nèi)容）s（標(biāo)記不準(zhǔn)確內(nèi)容）11.等寬字體：code 12.預(yù)格式化：pre 13.字號減小，表注釋：small 14.時間：time 15.換行：br 16.html5定義區(qū)塊：header nav article section aside footer div span 三.表單表格

1.

...

2.表單元素的組織：

...

...

3.創(chuàng)建各種框: 注：text→password/url/tel/email Id:為了讓對應(yīng)的標(biāo)簽識別，添加CSS Name：為了讓服務(wù)器和腳本識別，通常與id設(shè)為一樣 Size：文本框大小 Maxlength：能輸入的最大字符數(shù) Pattern：正則表達(dá)式

4.添加標(biāo)簽： ? 5.單(多)選按鈕：

北京 上海 注：id各自唯一，name必須相同。checked：默認(rèn)選擇 6.下拉框：

北京 上海 成都 注：size:選擇框的高度 multiple：允許多選 selected：默認(rèn)選擇 用?對選擇框進(jìn)行分組 7.上傳文件： 注：size：輸入路徑和文件名的字段的寬度 8.禁用表單元素： 9.創(chuàng)建提交按鈕： 創(chuàng)建帶圖像的提交按鈕：點擊這里 創(chuàng)建圖像按鈕： Submit→reset重置

10.文本區(qū)域：請在此輸入字符 11.表格 :

..	..
..	..	..

四.文本格式化 1.{font：（斜體 粗體 小型大寫字母）字體大小(必有)行距 字體集（必有）;} 2.文本背景：{ background：#foc url（1.jpg）repeat-x scroll 0 0；} 3.字間距：word-spacing:12px;4.字偶距：letter-spacing:12px;5.縮進(jìn)增加：text-indent:12px;6.小型大寫字母: font-variant:small-caps;7.文本對齊：text-align:left；適用于block，inline-block 8.單詞大小寫: text-transform:capitalize(單詞首字母大寫)/uppercase(大寫)/lowercase(小寫)9.文本上的線：text-decoraion:underline/overline/line-through;11.空格：white-space:pre(顯示所有空格回車)/nowrap（非斷行空格）； 12.h3—16px;h5—12px;verdana,Geneva,sans-serif;13.列表屬性： li{list-style:url(1.jpg)inside square;} 五.CSS布局

1.width：不包括padding，border，margin；max-width設(shè)置外圍限制； 2.浮動：float:left;清除浮動：clear:both;3.設(shè)置邊框： border:dotted 4px red;(dotted點狀、dashed虛線、solid實線)4.使元素對齊：vertical-align:baseline/middle/text-bottom..5.顯示：display:black/inline/inline-block;6.顯示：visibility:visible/hiddle;7.相對定位：{position:relative;top:5px;} 相對于該元素的原始位置 8.絕對定位：{position:absolute;top:5px;} 相對于body或離他最近定位的祖先元素 9.三維位置：{z-index:50;} 越大的在最上面

10.廠商前綴：-webkit-(safari)–moz-(firefox)–ms-(IE)–o-(opera)11.創(chuàng)建圓角： {-moz-border-radius-topleft:50px;-webkit-border-top-left-radius:50px;border-top-left-radius:50px;}(左上角,角的半徑是50px){border-radius:50px;}(所有角簡寫)12.創(chuàng)建橢圓角：{? ? border-radius:40px/20px;}（x半徑/y半徑）13.創(chuàng)建圓形：{? ? border-radius:50px;} 50px為元素半徑大小 14.文本加陰影：{text-shadow: 2px 5px 5px #999;} x/y/模糊半徑

15.元素加陰影：{(-moz-/-webkit-)box-shadow:(inset內(nèi)陰影)2px 5px 5px #999;5px 10px 2px #555(多重陰影);} 16.多重背景：{background:#000 url(1.png)50% 102% no-repeat,#222 url(2.png)12px-150px repeat-x;} 17.透明度： {opacity:.5;} 0→1 透明→不透明

18.漸變背景：{background:linear-gradient(left,#000,#999);}(left ：漸變線沿逆時針方向轉(zhuǎn)至水平線的角度)六.html5視頻音頻

1.html5支持3種視頻：.ogg/.ogv.mp4/.m4v.webm 2.添加視頻： 視頻屬性：src autoplay controls muted loop poster width height preload 3.為視頻添加多個來源： 4.html5支持5中音頻：.ogg.mp3.wav.aac.mp4 5.添加音頻： 音頻屬性：src autoplay controls muted loop preload。多個來源同video。七.一些約定

我們結(jié)合常用的一些命名習(xí)慣，再結(jié)合CSS的實際應(yīng)用，整理出一些較好的命名習(xí)慣。1.樣式名稱首字母統(tǒng)一為小寫字母，不能為數(shù)字，下劃線及特殊字符；

3.設(shè)置邊框： border:dotted 4px red;(dotted點狀、dashed虛線、solid實線)4.使元素對齊：vertical-align:baseline/middle/text-bottom..5.顯示：display:black/inline/inline-block;6.顯示：visibility:visible/hiddle;7.相對定位：{position:relative;top:5px;} 相對于該元素的原始位置 8.絕對定位：{position:absolute;top:5px;} 相對于body或離他最近定位的祖先元素 9.三維位置：{z-index:50;} 越大的在最上面

10.廠商前綴：-webkit-(safari)–moz-(firefox)–ms-(IE)–o-(opera)11.創(chuàng)建圓角： {-moz-border-radius-topleft:50px;-webkit-border-top-left-radius:50px;border-top-left-radius:50px;}(左上角,角的半徑是50px){border-radius:50px;}(所有角簡寫)12.創(chuàng)建橢圓角：{? ? border-radius:40px/20px;}（x半徑/y半徑）13.創(chuàng)建圓形：{? ? border-radius:50px;} 50px為元素半徑大小 14.文本加陰影：{text-shadow: 2px 5px 5px #999;} x/y/模糊半徑

15.元素加陰影：{(-moz-/-webkit-)box-shadow:(inset內(nèi)陰影)2px 5px 5px #999;5px 10px 2px #555(多重陰影);} 16.多重背景：{background:#000 url(1.png)50% 102% no-repeat,#222 url(2.png)12px-150px repeat-x;} 17.透明度： {opacity:.5;} 0→1 透明→不透明

18.漸變背景：{background:linear-gradient(left,#000,#999);}(left ：漸變線沿逆時針方向轉(zhuǎn)至水平線的角度)六.html5視頻音頻

1.html5支持3種視頻：.ogg/.ogv.mp4/.m4v.webm 2.添加視頻： 視頻屬性：src autoplay controls muted loop poster width height preload 3.為視頻添加多個來源： 4.html5支持5中音頻：.ogg.mp3.wav.aac.mp4 5.添加音頻： 音頻屬性：src autoplay controls muted loop preload。多個來源同video。七.一些約定

我們結(jié)合常用的一些命名習(xí)慣，再結(jié)合CSS的實際應(yīng)用，整理出一些較好的命名習(xí)慣。1.樣式名稱首字母統(tǒng)一為小寫字母，不能為數(shù)字，下劃線及特殊字符； 2.樣式名盡量語義化或簡寫； 3.樣式名需要組合拼寫時，采用全部小寫拼寫并使用下劃線連接，即：all_keyword； 4.使用px(像素)為基本計量單位； 5.頁面中空格的使用：全角：中文空格 半角；? 6.項目完成包中，文件夾及文件名稱全部采用小寫字母，不使用中文文件名； 7.減少DIV的嵌套層數(shù)；

8.給重要圖片加上alt屬性；給重要的元素和截斷的元素加上title； 9.使用正確的注釋方法（詳見“注釋”章節(jié)）； 10.特殊情況下要求表現(xiàn)和內(nèi)容分離，代碼中不要涉及任何表現(xiàn)的元素，例如：style、font 等；

11.雙標(biāo)記簽都要有開始和結(jié)束標(biāo)簽，單標(biāo)記標(biāo)簽的后面一定要加“ /”,例如：
等，并且有正確的層次； 12.其它特殊符號： 1)<(<)2)>(>)八.命名空間

8.1外掛樣式名稱 全局：public.css 全局樣式為全站公用，為頁面樣式基礎(chǔ)，頁面中必須包含。結(jié)構(gòu)：layout.css 頁面結(jié)構(gòu)類型復(fù)雜，并且公用類型較多時使用。多用在首頁級頁面和產(chǎn)品類頁面中。私有：style.css 獨立頁面所使用的樣式文件，頁面中必須包含。模塊 module.css 產(chǎn)品類頁面應(yīng)用，將可復(fù)用類模塊進(jìn)行剝離后，可與其它樣式配合使用。默認(rèn) default.css 文章 article.css 圖片 photo.css 下載 soft.css 主題 themes.css 實現(xiàn)換膚功能時應(yīng)用。補丁 mend.css 基于以上樣式進(jìn)行的私有化修補。8.2 常用名稱(1)頁面結(jié)構(gòu) 容器: container 頁頭：header 內(nèi)容：content/container/content(A)頁面主體：main 頁尾：footer 導(dǎo)航：nav 側(cè)欄：sidebar 欄目：column 頁面外圍控制整體布局寬度：wrapper 左右中：left right center 浮左浮右：fl fr 清除浮動 clear(2)導(dǎo)航 導(dǎo)航：nav 主導(dǎo)航：mainbav 子導(dǎo)航：subnav 頂導(dǎo)航：topnav 邊導(dǎo)航：sidebar 左導(dǎo)航：leftsidebar 右導(dǎo)航：rightsidebar 菜單：menu 子菜單：submenu 標(biāo)題：title 摘要：summary 路徑：path(3)模塊化命名 模塊頭部：hd 模塊內(nèi)容部分：bd 模塊底部：ft(4)各內(nèi)容頁對應(yīng) 標(biāo)題：title 副標(biāo)題：subtitle 屬性：properties 簡介：infor 內(nèi)容：content 分頁：page 插入廣告：insert_ad 表情：expression 功能選項：options 上下篇：up_down 評論：comments 相關(guān)內(nèi)容：related 下載地址：download 播放地址：play_add(5)功能 標(biāo)志：logo 廣告：banner 登陸：login 登錄條：loginbar 注冊：regsiter 搜索：search 日期：date 功能區(qū)：shop 標(biāo)題：title 加入：joinus 狀態(tài)：status 按鈕：btn 滾動：scroll 標(biāo)簽頁：tab 文章列表：list 提示信息：msg 當(dāng)前的：current 小技巧：tips 圖標(biāo)：icon 注釋：note 指南：guild 服務(wù)：service 熱點：hot 新聞：news 下載：download 投票：vote 合作伙伴：partner 友情鏈接：link 版權(quán)：copyright 九.基本設(shè)置-public.css 9.1 全局設(shè)置

上下邊距(margin、padding)：0(px)左右邊距(margin)：auto(自動)底色(background):#FFF(白色)字體(font-family)、字號(font-szie)、字色(color)：”宋體” 12px #666 代碼： /* 全局CSS定義 */ body{margin:0 auto;padding:0;background:#FFF;color:#666;font:12px ‘宋體';} div,form,ul,ol,li,span,p,dl,dt,dd,img{margin:0;padding:0;border:0;} h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;} ul,ol,li{list-style:none} table,td,input,textarea{font-size:12px} 9.2 頁面標(biāo)簽初始化設(shè)置 1.常用基本標(biāo)div,form,ul,ol,li,span,p,dl,dt,dd,img 設(shè)置基本標(biāo)簽的間距、邊框默認(rèn)值為0。2.h1～h6標(biāo)題

默認(rèn)標(biāo)題內(nèi)字號12px，內(nèi)外間距為0px，文字不加粗。3.ul,ol,li 列表 默認(rèn)不顯示項目符號。4.h2 欄目標(biāo)題

說明：h2標(biāo)簽被定義為欄目標(biāo)題特殊使用，在標(biāo)簽中非標(biāo)題文字默認(rèn)居右顯示，主標(biāo)題文字使用span標(biāo)簽包含，居左顯示。5.默認(rèn)鏈接顏色

常態(tài)下不顯示文字下劃線，顏色為灰(#333)，鼠標(biāo)懸浮時：顯示文字下劃線，顏色變?yōu)榘导t(#ccc)。6.狀態(tài)：a:link{未點} a:visited{已點} a:focus{鍵盤選中} a:hover{指針停留} a:active{正在點} 9.3 頁面寬度 默認(rèn)頁面寬(命名規(guī)范)：按柵格化進(jìn)行 9.4.clear 結(jié)束容器內(nèi)各元素的浮動屬性，使相鄰容器或元素節(jié)點正常顯示。以下是清除浮動的幾種方法 方法一.clear { clear:both;height:0;font-size:0;line-height:0 } 或.clear { border-top: 1px solid transparent!important;margin-top:-1px!important;border-top: 0px;margin-top: 0px;height: 0px;clear: both;background: none;font-size: 0px;visibility: hidden;} 或.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0 } 使用方法: