Margins collapse between adjacent e

Margins collapse between adjacent elements. In simple terms, this means that for adjacent vertical block-level elements in the normal document flow, only the margin of the element with the largest margin value will be honored, while the margin of the element with the smaller margin value will be collapsed to zero. If, for example, one element has a 25px bottom margin and the element immediately underneath it has a 20px top margin, only the 25px bottom margin will be enforced, and the elements will remain at a distance of 25px from each other. They will not be 45px (25+20) apart, as might be expected.

Kết quả (Việt) 1:

Lợi nhuận sụp đổ giữa bên cạnh các yếu tố. Trong thuật ngữ đơn giản, điều này có nghĩa rằng cho liền kề dọc cấp khối các yếu tố trong dòng chảy tài liệu bình thường, chỉ có lề của các phần tử có giá trị lợi nhuận lớn nhất sẽ được vinh dự, trong khi lợi nhuận của nguyên tố với giá trị biên độ nhỏ hơn sẽ sụp đổ không. Nếu, ví dụ, một trong những nguyên tố có một lề dưới 25px và nguyên tố ngay bên dưới nó có một lợi nhuận đầu 20px, chỉ 25px dưới margin sẽ được áp dụng, và các yếu tố sẽ vẫn ở một khoảng cách của 25px từ mỗi khác. Họ sẽ không là 45px (25 + 20) ngoài ra, như có thể được dự kiến.

Kết quả (Việt) 2:

Lợi nhuận sụp đổ giữa các yếu tố xung quanh. Trong thuật ngữ đơn giản, điều này có nghĩa rằng cho yếu tố khối cấp đứng liền kề trong các dòng chảy tài liệu bình thường, chỉ có các lề của các phần tử với giá trị biên độ lớn nhất sẽ được vinh danh, trong khi lợi nhuận của các phần tử với giá trị biên độ nhỏ hơn sẽ được thu gọn để bằng không. Nếu, ví dụ, một trong những phần tử có một lề dưới 25px và các phần tử ngay bên dưới nó có một lề trên 20px, chỉ có lề dưới 25px sẽ được thực thi, và các yếu tố sẽ vẫn ở khoảng cách 25px từ mỗi khác. Họ sẽ không được 45px (25 + 20) ngoài, như có thể được mong đợi.