码迷,mamicode.com
首页 > 其他好文 > 详细

关于浮动

时间:2016-08-04 13:05:45      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:

<!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>

技术分享

关于浮动

标签:

原文地址:http://www.cnblogs.com/nostic/p/5736126.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!