📄 flow-clear2-desc.html
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html lang="en"> <head><meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1"> <title>Long description of example illustrating floatingwith clear</title> </head> <body> <h1>Long description of example illustrating floating withclear</h1><P>This diagram illustrates the effects of floating a box ("inner")and how its "sibling" is forced below it due to the 'clear' property.<P>A document window is shown, with 8 lines (numbered 1 to 8), each24px high. Text before the "inner" box flows on lines 1 and halfway online 2. The "inner" box has been floated to the right and occupies thesecond half of lines 3 and 4. The sibling box flows on the followingline (line 4) and is followed by the remainder of the text.<P>In the following PRE element, each 24 pixel line is simulated bytwo lines, the second beginning with the appropriate number. Vertical bars represent the left edge of the floated box.The lines, as they appear in the image, contain:</p><PRE>1 Beginning of body contents. Start 2 of outer contents. | Inner3 | contents.4 Sibling contents. End of outer 5 contents. End of body contents.</PRE><P>The default text color is black."Start of outer contents" is red."Sibling contents" is red."Inner contents" is blue."End of outer contents" is red.<P><a href="../../visuren.html#img-flow-clear2">Return to image.</a> </body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -