代码之家 › 专栏 › 技术社区 › morganpdx

另一个中心DIV在另一个DIV问题中

css

morganpdx · 技术社区 · 15 年前

<body>
    <div id="page">

        <div id="main">

            <div class="box-group">

                <div class="box-margin">
                    <div class="box">
                        <h2>Data</h2>
                        <ul>
                            <li><a href="/URL">Link</a></li>
                        </ul>
                    </div>
                </div>

                <div class="box-margin">
                    <div class="box">
                        <h2>Reports</h2>
                        <ul>
                            <li><a href="/URL/">Link</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

CSS格式

body
{
    margin: 0;
    padding: 0;
}
#page
{
    width: 95%;
    min-width:800px;
    border: thin solid red;
}
#main
{
    padding: 30px 30px 15px 30px;
    margin-bottom: 30px;
    min-width: 875px;
    border: thin solid black;
}
.box-group
{
    width: 100%;
    padding: 10px;
    border: thin solid green;
}
.box-margin
{
    margin: auto;
    width: 275px;
    float: left;
    padding: 15px;
}
.box
{
    border: thin ridge pink;
    height: 200px;
    width: 250px;
}