CSS甯冨眬(鍥? 宸﹀彸甯冨眬
鏈枃鏄牴鎹綉涓婅祫鏂欐€荤粨鍑烘潵鐨勬枃绔燑/p> 宸﹁竟鍥哄畾锛屽彸杈硅嚜閫傚簲鐨勪袱鏍忓竷灞€銆侟/p> 鍩烘湰鏍峰紡 宸﹁竟鍥哄畾瀹藉害锛岄珮搴︿笉鍥哄畾 楂樺害鏈夊彲鑳戒細寰堝皬锛屼篃鍙兘寰堝ぇ銆 杩欓噷鐨勫唴瀹瑰彲鑳芥瘮宸︿晶楂橈紝涔熷彲鑳芥瘮宸︿晶浣庛€傚搴﹂渶瑕佽嚜閫傚簲銆?lt;/br> 鍩烘湰鐨勬牱寮忔槸锛屼袱涓猟iv鐩歌窛20px, 宸︿晶div瀹 120px .wrapper { padding: 15px 20px; border: 1px dashed #ff6c60; } .left { width: 120px; border: 5px solid #ddd; } .right { margin-left: 20px; border: 5px solid #ddd; } 閫氳繃width: calc(100% - 140px)鏉ュ姩鎬佽绠楀彸渚х洅瀛愮殑瀹藉害銆傞渶瑕佺煡閬撳彸渚х洅瀛愯窛绂诲乏杈圭殑璺濈锛屼互鍙婂乏渚х洅瀛愬叿浣撶殑瀹藉害(content+padding+border)锛屼互姝よ绠楃埗瀹瑰櫒瀹藉害鐨?00%闇€瑕佸噺鍘荤殑鏁板€笺€傚悓鏃讹紝杩橀渶瑕佺煡閬撳彸渚х洅瀛愮殑瀹藉害鏄惁鍖呭惈border鐨勫搴︺€侟/p> .wrapper-inline-block { box-sizing: content-box;