导致xml被定位的CSS

Question

我认为我的样式表有问题。我的网站页面似乎设置得很好：

但是，当我在浏览器中查看时，中间文档不合适：

有没有导致这种情况发生的事情？它让我想到我的css文件中可能有什么东西？但是什么？ ：（

我的css文件如下：

    div.left
{
    float: left;
    width: 15%;
    background-color: white;
}

div.right
{
    float: right;
    width: 40%;
    background-color: white;
}

div.center
{
    float: left;
    width: auto;
    background-color: white;
    text-align:center;
}

Answer 1

这很可能是由于你的浮动元素，因为中心div根本没有浮动，而是被左边的float:left“推”到中间。

如果html中的div如下：

<div class="parent_div">
    <div class="left"> left </div>

    <div class="center"> center</div>

    <div class="right"> right</div>
</div>

尝试将中心div向左浮动，它应该可以解决问题

div.center
{
    float: left;
    width: auto;
    background-color: white;
}