Question

我正在尝试使用CSS将我的主要div放在网页上（两个），这样白色边框就会一直落在它的两边。

我尝试过多种类型的Position和Aligning CSS语法来尝试这样做，但是我的＆＃34;两个＆＃34; div似乎总是对齐页面右侧。这是我正在使用的代码：

<style type="text/css">
    .one {
        text-align: center;
        width: 100%;
        min-width: 640Px;
        background-color: white;
    }

    .two {
        width: 80%;
        background-color: darkkhaki;
        float: none;
    }
</style>

<form runat="server">
    <div class="one">
        <div class="two">
            Test
        </div>
    </div>
</form>

我希望能够让（两个）div居于我页面的80％，无论如何，有什么我想念的吗？

任何帮助或进展表示赞赏。提前谢谢你。

Answer 1

将margin:0 auto;添加到您的two元素。

看一个小提琴：https://jsfiddle.net/7pxps35z/1/

CSS - 网页中心主要部分

1 个答案: