CSS中的一些小细节
时间：2023-03-31 01:09:05
CSS
1.CSS鎺掔増鍘熺悊box-sizing鏀瑰彉浜嗙洅瀛愭ā鍨嬬殑璁＄畻鏂瑰紡Value:border-box|content-box鍒濆鍊硷細content-box渚嬪锛?divclass="boxa">BoxA
BoxB 婕旂ず缁撴灉锛歜ox-sizingmdndocument2.涓€浜涘鏄撹蹇界暐鐨勫皬缁嗚妭2.1涓嬮潰鐨勪唬鐮侊紝p鏍囩鐨勯珮搴︽槸澶氬皯锛?p>涓€浜涙枃瀛?/p>鍒嗘瀽锛氶粯璁ゆ儏鍐典笅锛宐ody娌℃湁楂樺害锛屽彧鏈夊搴︺€傛墍浠鏍囩鐨刾arent涓篵ody锛岄粯璁ら珮搴︿负0锛屾墍浠鐨勯珮搴︿篃涓?銆傝В鍐冲姙娉曪細鍙互璁剧疆height:100vh锛屼娇鐢ㄤ竴浜涘睆骞曞崟浣嶅vhvw锛屼竴涓睆骞曠殑楂樺害涓?00vh銆?.2涓嬮潰浠ｇ爜涓璸adding-top鐨勫€兼槸澶氬皯锛?div>
涓婇潰浠ｇ爜padding-top绛変簬鐖跺鍣╞ody鐨勫搴︼紝瀹炵幇浜嗗搷搴斿紡姝ｆ柟褰㈣В鏋愶細padding涓嶇padding-top杩樻槸padding-left锛屽叾鐧惧垎姣旈兘鏄牴鎹?width'鏉ュ喅瀹氱殑鐖跺鍣ㄧ殑銆備娇鐢ㄥ満鏅細鍙互浣跨敤padding鐨勭櫨鍒嗘瘮鏉ュ埗浣滀竴浜涘浐瀹氱旱妯瘮鐨勬銆?.3MarginCollapseMerge
