❶ 濡备綍鍒朵綔镓嬫満鐗堢绣绔欙纻
鍒朵綔css镓嬫満鐗堥〉闱㈡椂濡备綍浣胯儗鏅锲剧墖阃傚簲div镄勯珮搴﹀拰瀹藉害
鍏蜂綋姝ラゅ备笅:1.杈揿叆浣岖疆:锲哄畾锛泃op:0锛涘乏:0锛涘皢鏁翠釜div锲哄畾鍦ㄥ睆骞旷殑椤堕儴鍜屽乏渚с
2.杈揿叆瀹藉害:100%锛涜韩楂:100%锛涙渶灏忓藉害:1000镀忕礌锛涜繖涓鍙浠ラ傚悎div镄勯珮搴﹀拰瀹藉害锛岃宫in-width鏄鍦ㄥ睆骞曞藉害鍦1000px浠ュ唴镄勬儏鍐典笅锛屼缭鎸乨iv镄勫ぇ灏忎笉鍙樸
3.杈揿叆鑳屾櫙-灏哄:灏侀溃锛-WebKit-鑳屾櫙-澶у皬:灏侀溃锛-o-鑳屾櫙-灏哄:灏侀溃锛涗娇鐢婚溃涓庡睆骞曞昂瀵稿悓姝ョ缉鏀撅纴浣嗛儴鍒嗗彲鑳戒细琚瑁佸壀锛屼絾涓崭细鏄剧ず锏借壊銆备互涓嬩袱鍙ヨ瘽鍏煎筩hrome鍜宱pera娴忚埚櫒銆
4.杈揿叆鑳屾櫙-浣岖疆:涓蹇0锛涘归绨锲剧墖镄勪綅缃銆佷腑蹇冨拰宸︿晶銆
濡备綍浣缝涓镄勫浘鐗囱嚜阃傚簲瀹藉害鍜岄珮搴︼纴锲剧墖涓嶅彉褰锛屽彲浠ヨ秴鍑簆锛岃秴鍑洪儴鍒嗛殣钘忥纻
镀忎綘杩欎箞璇达纴璨屼技鍙链夌敤js𨱒ュ垽鏂浜嗭纴棣栧厛缁椤浘鐗囦笂涓嫔乏鍙冲眳涓锛岀粰鐖剁骇鍏幂礌璁剧疆overflow:hidden;铹跺悗鐢ㄨ繃js𨱒ヨ幏鍙栧綋鍓嶅浘鐗囩殑瀹介珮锛屽傛灉瀹藉害澶т簬楂桦害锛岄偅涔埚氨楂桦害涓100%锛屽藉害镊阃傚簲锛屽弽涔嫔藉害100%锛岄珮搴﹁嚜阃傚簲锛
濡备綍璁﹑閲岄溃镄刾鍑虹幇婊氩姩𨱒★纻
1銆佹墦寮dw锛屾柊寤轰竴涓猦tml椤甸溃锛岃繘鍏html椤甸溃缂栬緫銆
2銆佸湪浠ｇ爜镄刡ody涓闂寸紪鍐欎竴涓猵灞伞
3銆佸皢杩欎釜鏂板缓濂界殑html椤甸溃璺熺紪鍐椤ソ镄刾鍒╃敤蹇鎹烽敭钬渃trl+s钬濆彟淇濆瓨鍒扮煡阆撶殑鐩褰曚笅銆
4銆佺偣鍑籨w镄勬枃浠舵寜阍锛屽湪寮瑰嚭镄勪笅𨰾夋嗕腑锛岄夋嫨钬沧柊寤衡濄
5銆佸湪鏂板缓镄勭獥鍙ｄ腑锛屾垒鍒扳渃ss钬濊繖涓镙忥纴镣瑰嚮钬渃ss钬濇柊寤轰竴涓猚ss镙峰纺銆
6銆佸啓镙峰纺鐢".pingmu{}"寮濮嫔啓锛岀粰瀹冨浐瀹氩介珮锛屽啀娣诲姞鑳屾櫙镩诧纴璁﹑镊阃傚簲瀹介珮锛岃秴杩囬儴鍒嗘樉绀烘粴锷ㄦ浔銆
7銆佸皢杩欎釜css镙峰纺淇濆瓨鍒板悓绾х洰褰曚笅锛屽俢eshi.html鍦╟鐩桡纴css镙峰纺涔熶缭瀛桦湪c鐩樸
8銆佷缭瀛桦ソ镙峰纺钖庯纴鍙屽嚮杩欎釜ceshi.html椤甸溃锛岀敤娴忚埚櫒镓揿紑钖庣湅鍒100镀忕礌瀹介珮镄勯粦鍧椼