响应式布局,宽度自适应

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>响应式布局之宽度只适应</title>
        <style>
            .item{
                float: left;
                width: 21%;
                margin: 10px 2%;
                height: 200px;
                background-color: #dbe0e4;
            }
        </style>
    </head>
    <body>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>

    </body>
</html>

猜你喜欢

转载自blog.csdn.net/wupd2014/article/details/70183935