📄 floatclear-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 how floats overlap with boxes in normal flow</title> </head> <body> <h1>Long description of how floats overlap with boxes in normal flow</h1><P>This diagram illustrates a floating image that overlaps the bordersof one paragraph in normal flow: the paragraph borders are clipped bythe non-transparent parts of the image. The second paragraph isforced below the float by the 'clear' property.<P>There are two paragraphs in normal flow, each surrounded by redborder. A left-floating image causes the final three lines of theupper paragraph to float along its right side. The paragraph bordersshine through the margin area of the image box. The non-transparentpart of the image content area clips them, however.<P>The second paragraph flows normally, starting below the image'sbottom margin. The top margin of the second paragraph is stretchedup to meet the bottom margin of the preceding paragraph.<P><a href="../../visuren.html#img-floatclear">Return to image.</a> </body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -