美文网首页
解决float引起高度塌陷

解决float引起高度塌陷

作者: zhcnnet | 来源:发表于2018-04-24 23:10 被阅读16次
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
            <style>
                .d1
                {
                    border: 1px solid red;
                }
                .d2
                {
                    height: 50px;
                    width: 50px;
                    background-color: #555;
                    float: left;
                }
                .clear
                {
                    _zoom: 1;/*ie6*/
                    *zoom: 1;/*ie7*/
                }
                .clear:after
                {
                    content: '';
                    display: block;
                    clear: both;
                }
            </style>
        </head>
        <body>
            <div class="d1 clear">
                <div class="d2">d</div>
            </div>
        </body>
    </html>
    

    相关文章

      网友评论

          本文标题:解决float引起高度塌陷

          本文链接:https://www.haomeiwen.com/subject/pqislftx.html