关于浮动

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            img{
                 float:left;
            
            }
            .box{
                border: 1px solid hotpink;
            }
            p{
                border: 1px solid hotpink;
                background: red;
            }
            h2{
                border: 1px solid darkcyan;
                background: khaki;
            }
            /*浮动时,只是内容受到影响,其背景,边框不受影响.*/
        </style>
    </head>
    <body>
        
        <img src="img/jj.png" alt="" />
        <p class="box">快快快快快快<sspan>计算机灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌灌设计师计算机</sspan>sssssssssssssssweis为什么sffsssssssssssssss快快快快快快快</p>
        <p>你手机端快捷的sssssssssssssssssssssssssssssss快递</p>
        <h2>京津冀急急急急急ssssssssssssssssssssssssssssss急急急急急急急</h2>
    </body>
</html>

posted @ 2016-08-04 11:48  nostic  阅读(187)  评论(0编辑  收藏  举报