flow-clear-desc.html
来自「CSS lets learn this step by step...」· HTML 代码 · 共 50 行
HTML
50 行
<!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 floatingwithout clear</title> </head> <body> <h1>Long description of example illustrating floating withoutclear</h1><P>This diagram illustrates the effects of floating a box ("inner")and how its "sibling" flows alongside it.<P>A document window is shown, with 8 lines (numbered 1 to 8), each24px high. Since the "inner" box has been floated to the right,all other text flows around it, including that of the "sibling"box (on lines 1 through 5).<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 Sibling contents. End | contents.4 of outer contents. End of body 5 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-clear">Return to image.</a> </body></html>⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?