发表于 2009-1-5 19:48
| 
Xhtml绗10澶:div鑷傚簲楂樺害
鍙戝竷: 2008-6-27 10:13 | 浣滆: admin | 鏌ョ湅: 3娆
濡傛灉鎴戜滑鎯冲湪3鍒楀竷灞鐨勬渶鍚庡姞涓琛岄〉鑴氾紝鏀剧増鏉冧箣绫荤殑淇℃伅銆傚氨閬囧埌蹇呴』瀵归綈3鍒楀簳閮ㄧ殑闂銆傚湪table甯冨眬涓紝鎴戜滑鐢ㄥぇ琛ㄦ牸宓屽灏忚〃鏍肩殑鏂规硶锛屽彲浠ュ緢鏂逛究瀵归綈涓夊垪锛涜岀敤div甯冨眬锛屼笁鍒楃嫭绔嬪垎鏁ｏ紝鍐呭楂樹綆涓嶅悓锛屽氨寰堥毦瀵归綈銆傚叾瀹炴垜浠畬鍏ㄥ彲浠ュ祵濂梔iv锛屾妸涓夊垪鏀捐繘涓涓猟iv涓紝灏卞仛鍒颁簡搴曢儴瀵归綈銆備笅闈㈡槸瀹炵幇渚嬪瓙(鐧借壊鑳屾櫙妗嗘ā鎷熶竴涓〉闈)锛
body
杩欓噷鏄#header{ margin: 0px; border: 0px; background: #ccd2de; width: 580px; height: 60px;}
杩欓噷鏄#mainbox { margin: 0px; width: 580px; background: #fff; }鍖呭惈浜#menu,#sidebar鍜#content
杩欓噷鏄#menu{ float: right; margin: 2px 0px 2px 0px; padding:0px 0px 0px 0px; width: 400px; background: #ccd2de; }
杩欓噷鏄#sidebar{ float: left; margin: 2px 2px 0px 0px; padding: 0px; background: #f2f3f7; width: 170px; }锛岃儗鏅鑹茬敤鐨勬槸#main鐨勮儗鏅壊
杩欓噷鏄#content{ float: right; margin: 1px 0px 2px 0px; padding:0px; width: 400px; background: #e0efde;}
杩欓噷鏄富瑕佸唴瀹癸紝鏍规嵁鍐呭鑷姩閫傚簲楂樺害
杩欓噷鏄富瑕佸唴瀹癸紝鏍规嵁鍐呭鑷姩閫傚簲楂樺害
杩欓噷鏄富瑕佸唴瀹癸紝鏍规嵁鍐呭鑷姩閫傚簲楂樺害
杩欓噷鏄#footer{ clear: both; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; background: #ccd2de; height: 40px; width: 580px; }銆
杩欎釜渚嬪瓙鐨勯〉闈富瑕佷唬鐮佸涓嬶細
鍏蜂綋鏍峰紡琛ㄩ兘鍐欏湪鐩稿簲鐗堝潡閲屼簡銆傞噸鐐瑰湪浜#mainbox灞傚祵濂椾簡#menu,#sidebar鍜#content涓変釜灞傘傚綋#content鐨勫唴瀹瑰鍔狅紝#content鐨勯珮搴﹀氨浼氬楂橈紝鍚屾椂#mainbox鐨勯珮搴︿篃浼氭拺寮锛#footer灞傚氨鑷姩涓嬬Щ銆傝繖鏍峰氨瀹炵幇浜嗛珮搴︾殑鑷傚簲銆
鍙﹀鍊煎緱娉ㄦ剰鐨勬槸锛#menu鍜#content閮芥槸娴姩鍦ㄩ〉闈㈠彸闈"float: right;",#sidebar鏄诞鍔ㄥ湪#menu灞傜殑宸﹂潰"float: left;"锛岃繖鏄诞鍔ㄦ硶瀹氫綅锛岃繕鍙互閲囩敤缁濆瀹氫綅鏉ュ疄鐜拌繖鏍风殑鏁堟灉銆
杩欎釜鏂规硶瀛樺湪鍙︿竴涓棶棰橈紝灏辨槸渚у垪#sidebar鐨勮儗鏅棤娉曠櫨鍒嗕箣鐧俱備竴鑸殑瑙ｅ喅鍔炴硶灏辨槸鐢╞ody鐨勮儗鏅壊鏉ュ～鍏呮弧銆(涓嶈兘浣跨敤#mainbox鐨勮儗鏅壊锛屽洜涓哄湪mozilla绛夋祻瑙堝櫒涓#mainbox鐨勮儗鏅壊澶辨晥銆)
濂戒簡锛屼富瑕佺殑妗嗘灦宸茬粡鎼缓瀹屾瘯,鍓╀笅鐨勫伐浣滃彧鏄線閲岄潰娣荤爾鍔犵摝銆
[
