float2p-desc.html
来自「CSS lets learn this step by step...」· HTML 代码 · 共 32 行
HTML
32 行
<!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 two paragraphs in normal flow: the paragraph borders areclipped by the non-transparent parts of the image.<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. It causes thefirst three lines of the following paragraph to do the same, andthe remainder of that paragraph flows normally.<P>The paragraph borders shine through the margin area of the imagebox. The non-transparent part of the image content area clips them, however.<P><a href="../../visuren.html#img-float2p">Return to image.</a> </body></html>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?