When an element is floated, its vis

When an element is floated, its visual placement is governed by a set of ten rules. In effect, these rules
say “place the floated element as high, and as far to one side, as possible.” However, the details are
important:
1. The left outer edge of a left-floating box may not be to the left of the left edge of its
containing block. An analogous rule holds for right-floating elements.
2. If the current box is left-floating, and there are any left floating boxes generated by
elements earlier in the source document, then for each such earlier box, either the left
outer edge of the current box must be to the right of the right outer edge of the earlier
box, or its top must be lower than the bottom of the earlier box. Analogous rules hold
for right-floating boxes.
3. The right outer edge of a left-floating box may not be to the right of the left outer edge
of any right-floating box that is to the right of it. Analogous rules hold for right-floating
elements.
4. A floating box’s outer top may not be higher than the top of its containing block.
5. The outer top of a floating box may not be higher than the outer top of any block or
floated box generated by an element earlier in the source document.
6. The outer top of an element’s floating box may not be higher than the top of any linebox
containing a box generated by an element earlier in the source document.
7. A left-floating box that has another left-floating box to its left may not have its right
outer edge to the right of its containing block’s right edge. (Loosely: a left float may
Cascading Style Sheets 2.0 Programmer's Reference
13
not stick out at the right edge, unless it is already as far to the left as possible.) An
analogous rule holds for right-floating elements.
8. A floating box must be placed as high as possible.
9. A left-floating box must be put as far to the left as possible, a right-floating box as far
to the right as possible. A higher position is preferred over one that is further to the
left/right.
10. The top outer edge of the float must be below the bottom outer edge of all earlier leftfloating
boxes (in the case of clear: left), or all earlier right-floating boxes (in the
case of clear: right), or both (clear: both).
The margins of floated elements are never collapsed. Thus, even though an element may be floated
into the top left corner of its parent element, its margins will push it away from the corner, and will push
any content away from the floated element.
Even though floated elements are prohibited from being any higher than the top of the containing block,
there is a way around this. By setting a negative top margin, the element can be “pulled up” past the top
of its containing block. This is somewhat similar to the ability of elements to be wider than their
containing block through the use of negative left and right margins. As well, floating elements can be
pulled out of an element by setting a negative left or right margin. However, the user agent is not
required to reflow the document to account for this situation, so a floating element with negative margins
may overlap other content within the document. Authors are advised to use this technique very
cautiously.
Although floating elements are removed from the normal flow of the document, they do affect the layout
of content within the document. This is effectively done by increasing the padding within any following
elements on those lines which are next to a floating element. However, this means that the backgrounds
and borders
of any elements will extend “underneath” the floated element, and possibly past the other side of the
floated element. This behavior ensures that all element boxes will remain rectangular, but it can lead to
unwanted effects.

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

Khi một phần tử lưu hành, vị trí trực quan của nó được quản lý bởi một bộ mười quy tắc. Có hiệu lực, các quy tắcnói "nơi các phần tử lưu hành cao, và xa sang một bên, càng tốt." Tuy nhiên, các chi tiếtquan trọng:1. bên ngoài cạnh trái của hộp trôi nổi bên trái có thể không ở bên trái của cạnh trái của mìnhcó chứa các khối. Quy tắc tương tự như giữ cho nổi ngay các yếu tố.2. nếu ô hiện tại là nổi bên trái, và không có bất kỳ trái hộp nổi được tạo ra bởiyếu tố trước đó trong các nguồn tài liệu, sau đó cho mỗi hộp trước đó như vậy, một trong hai bên tráicạnh bên ngoài của hộp hiện nay phải ở bên phải của các cạnh bên ngoài ngay trước đóhộp, hoặc đầu phải thấp hơn so với dưới cùng của hộp trước đó. Tương tự như quy định tổ chứccho nổi bên phải hộp.3. các cạnh ngay bên ngoài của hộp trôi nổi bên trái có thể không ở bên phải ngoài cạnh tráibất kỳ nổi bên phải hộp đó là ở bên phải của nó. Tương tự như quy định tổ chức cho quyền-nổiCác yếu tố.4. một hộp trôi nổi ngoài top có thể không cao hơn đỉnh của khối có chứa.5. đầu bên ngoài một hộp trôi nổi có thể không cao hơn trên bên ngoài của bất kỳ khối hoặcbox được tạo ra bởi một phần tử trước đó trong các nguồn tài liệu lưu hành.6. phía trên bên ngoài của hộp trôi nổi một phần tử có thể không cao hơn trên bất kỳ lineboxcó một hộp được tạo ra bởi một phần tử trước đó trong các tài liệu nguồn.7. một hộp trôi nổi bên trái có một nổi trái hộp bên trái của nó có thể không có quyền của mìnhngoài rìa bên phải của khối có cạnh phải. (Lỏng lẻo: phao bên trái có thể Cascading Style Sheets 2.0 của lập trình viên tham khảo13không dính ở rìa bên phải, trừ khi nó đã như xa bên trái càng tốt.) MộtCác quy tắc tương tự như giữ cho nổi ngay các yếu tố.8. một hộp trôi nổi phải được đặt càng cao càng tốt.9. một hộp trôi nổi trái phải được đặt phía bên trái càng tốt, một nổi bên phải hộp như xaở bên phải càng tốt. Vị trí cao hơn sẽ được ưu tiên hơn một nữa để cáctrái/phải.10. ngoài mép trên của các phao phải dưới cạnh bên ngoài của đáy của tất cả trước đó leftfloatinghộp (trong trường hợp rõ ràng: bên trái), hoặc tất cả hộp trôi nổi ngay trước đó (trong cácCase Clear: đúng), hoặc cả hai (rõ ràng: cả hai).Lợi nhuận của các phần tử lưu hành không bao giờ bị sụp đổ. Vì vậy, mặc dù một phần tử có thể được lưu hànhvào góc trên bên trái của nguyên tố cha mẹ, lợi nhuận của nó sẽ đẩy nó ra khỏi góc, và sẽ đẩybất kỳ nội dung từ các phần tử lưu hành.Mặc dù phần tử lưu hành đó đều bị cấm bất kỳ cao hơn đầu khối chứa,đó là một cách xung quanh này. Bằng cách thiết lập một lợi nhuận đầu tiêu cực, các yếu tố có thể được "kéo" qua đầukhối chứa. Điều này là hơi tương tự như khả năng của các yếu tố để rộng hơn của họcó chứa các khối bằng cách sử dụng tiêu cực bên lề trái và phải. Cũng như, nổi các yếu tố có thểkéo ra khỏi một phần tử bằng cách thiết lập một margin tiêu cực sang trái hoặc phải. Tuy nhiên, không phải là các đại lý người dùngyêu cầu để reflow tài liệu để giải thích cho tình huống này, vì vậy một yếu tố nổi với phủ định lềcó thể chồng chéo các nội dung khác trong tài liệu. Tác giả được khuyên nên sử dụng kỹ thuật này rấtthận trọng.Mặc dù yếu tố nổi được gỡ bỏ khỏi dòng chảy bình thường của các tài liệu, họ làm ảnh hưởng đến bố cụcnội dung trong tài liệu. Điều này có hiệu quả được thực hiện bằng cách tăng padding bên trong bất kỳ sau đâyCác yếu tố trên những dòng đó là bên cạnh một yếu tố nổi. Tuy nhiên, điều này có nghĩa rằng các nềnvà ranh giớibất kỳ yếu tố sẽ mở rộng "bên dưới" các phần tử lưu hành, và có thể qua phía bên kia của cácCác phần tử lưu hành. Hành vi này đảm bảo rằng tất cả các yếu tố hộp sẽ vẫn là hình chữ nhật, nhưng nó có thể dẫn đếntác dụng không mong muốn.

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

Khi một phần tử được thả nổi, vị trí hình ảnh của nó được quy định bởi một tập hợp các quy tắc mười. Trong thực tế, những quy tắc
nói "đặt yếu tố nổi cao, và như xa sang một bên, càng tốt." Tuy nhiên, các chi tiết
quan trọng:
1. Các trái mép ngoài của một hộp trái nổi có thể không bên trái của cạnh trái của nó
block chứa. Một quy tắc tương tự giữ cho các yếu tố phải nổi.
2. Nếu hộp hiện nay là trái nổi, và có bất kỳ hộp nổi trái được tạo ra bởi
các yếu tố trước đó trong các nguồn tài liệu, sau đó cho mỗi hộp trước đó, một trong hai bên trái
cạnh bên ngoài của hộp hiện tại phải được để bên phải ngoài cùng bên phải cạnh của đầu
hộp, hoặc hàng đầu của mình phải thấp hơn đáy của hộp trước đó. Quy tắc tương tự giữ
cho hộp phải nổi.
3. Các cạnh bên ngoài bên phải của hộp trái nổi có thể không ở bên phải của cạnh ngoài trái
của bất kỳ hộp phải nổi mà là ở bên phải của nó. Quy tắc tương tự giữ cho phải nổi
yếu tố.
4. Đầu bên ngoài một hộp nổi của có thể không cao hơn so với đầu khối chứa của nó.
5. Các đầu ngoài của một hộp nổi có thể không được cao hơn đầu ngoài của bất kỳ khối hoặc
hộp thả nổi được tạo ra bởi một yếu tố trước đó trong tài liệu nguồn.
6. Các đầu ngoài của hộp nổi của một nguyên tố có thể không được cao hơn đầu của bất kỳ linebox
có chứa một hộp được tạo ra bởi một yếu tố trước đó trong tài liệu nguồn.
7. Một hộp trái nổi rằng có một hộp trái nổi bên trái của nó có thể không có quyền của mình
cạnh bên ngoài bên phải của cạnh phải khối chứa của nó. (Đại khái: một phao trái có thể
Cascading Style Sheets 2.0 Lập trình Tài liệu tham khảo
13
không dính ra ở cạnh phải, trừ khi nó đã như xa bên trái càng tốt). Một
quy tắc tương tự giữ cho các yếu tố phải nổi.
8. Một hộp nổi phải được đặt càng cao càng tốt.
9. Một hộp trái nổi phải được đặt càng xa bên trái là có thể, một hộp phải nổi như xa
bên phải càng tốt. Một vị trí cao hơn được ưa thích hơn một trong đó là thêm vào
bên trái / phải.
10. Mép ngoài cùng của phao phải dưới cạnh dưới bên ngoài của tất cả leftfloating trước
hộp (trong trường hợp rõ ràng: trái), hoặc tất cả các hộp trước đó phải nổi (trong
trường hợp rõ ràng: phải), hoặc cả hai (rõ ràng :. cả hai)
lợi nhuận của các yếu tố nổi không bao giờ sụp đổ. Như vậy, mặc dù là một yếu tố có thể được lưu hành
vào góc trên bên trái của phần tử cha của nó, lợi nhuận của nó sẽ đẩy nó ra khỏi góc, và sẽ đẩy
bất kỳ nội dung đi từ các phần tử nổi.
Mặc dù các yếu tố nổi đều bị cấm là bất kỳ cao hơn so với đỉnh của khối chứa,
có một khoảng cách này. Bằng cách đặt lề trên tiêu cực, yếu tố có thể được "kéo lên" qua cạnh trên
của khối chứa của nó. Điều này có phần tương tự như khả năng của các yếu tố để được rộng hơn của họ
khối chứa thông qua việc sử dụng lợi nhuận tiêu cực bên trái và bên phải. Cũng như vậy, các yếu tố nổi có thể được
kéo khỏi các phần tử bằng cách thiết lập một biên độ tiêu cực bên trái hoặc phải. Tuy nhiên, các đại lý người dùng không
cần thiết để cân chỉnh lại các tài liệu để chiếm tình hình này, do đó, một yếu tố nổi với lợi nhuận tiêu cực
có thể chồng chéo nội dung khác trong tài liệu. Các tác giả được khuyên nên sử dụng kỹ thuật này rất
thận trọng.
Mặc dù các yếu tố nổi được lấy ra khỏi dòng chảy bình thường của các tài liệu, họ không ảnh hưởng đến cách bố trí
nội dung trong tài liệu. Điều này được thực hiện một cách hiệu quả bằng cách tăng các padding trong bất kỳ sau
các yếu tố trên những dòng mà là bên cạnh một phần tử nổi. Tuy nhiên, điều này có nghĩa là các hình nền
và biên giới
của bất kỳ yếu tố sẽ mở rộng "bên dưới" yếu tố thả nổi, và có thể qua phía bên kia của các
yếu tố nổi. Hành vi này đảm bảo rằng tất cả các hộp phần tử sẽ vẫn còn hình chữ nhật, nhưng nó có thể dẫn đến
tác dụng không mong muốn.