这个是一个很简单纯html文本想问一下这个怎么用layaAirIde 实现一样的效果呢谢谢回复，感谢！
<!DOCTYPEhtml>

    <metacharset="UTF-8">
    <title>Document</title>
    <style>
        div{
            margin: 0 auto;
            width: 100px;
            height: 100px;
        }
        #main {
            width: 400px;
            height: 400px;
            background: white;
            border: 2px solid gray;
            margin: 0 auto;
            position: relative;

        }

        #container{
            width: 100%;
            height: 400px;
            border-collapse:collapse;
        }

        .row{
            height: 100px;
            width: 100%;
        }
        .cell{
            height: 100px;
            width: 100px;
            float: left;
        }
        .black {
            background: black;
        }
    </style>

   <div id="main">
        <div id="container">
            <div class="row">
                <div class="cell"></div>
                <div class="cell black"></div>
                <div class="cell"></div>
                <div class="cell"></div>
            </div>
            <div class="row">
                <div class="cell"></div>
                <div class="cell black"></div>
                <div class="cell"></div>
                <div class="cell"></div>
            </div>
            <div class="row">
                <div class="cell"></div>
                <div class="cell"></div>
                <div class="cell black"></div>
                <div class="cell"></div>
            </div>
            <div class="row">
                <div class="cell black"></div>
                <div class="cell"></div>
                <div class="cell"></div>
                <div class="cell"></div>
            </div>
        </div>
    </div>