Question

请参考快照，为什么有空间？我将全局边距和填充设置为0，但仍然添加了空间。有趣的是，水平DIV之间没有空间。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title> Float </title>
        <style>
            * {margin:0; padding:0;}
            #red {
                float: left;
            }
            #black {
                float: left;
            }
            #yellow {
                float: left;
                clear: left;
            }
            #green {
                float: left;
            }
        </style>
    </head>
    <body>
        <div id="red">     <img src="red.jpg">      </div>
        <div id="black">   <img src="black.jpg">    </div>
        <div id="yellow">  <img src="yellow.jpg">   </div>
        <div id="green">   <img src="green.jpg">    </div>
    </body>
</html>

为什么两个垂直DIV之间有空间

0 个答案: