Question

我成功地将div放在底部，并带有以下代码：

#div {
    position: absolute;
    width: 100%;
    height: 58px;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

最近，我在我的网站上添加了一个侧栏（300px）。当侧栏打开时，整个站点向左移动300px，除了底部的div。

我发现如果我从css中删除position: absolute;，div会像网站中的所有元素一样向左移动，但div不会在底部。

当侧边栏像所有网站一样打开并且也位于页面底部时，有一种方法可以移动div吗？

提前致谢

Answer 1

div{
 position:fixed;
 bottom:0;
}

如果你想将div放在div中，那就是一个例子 HTML

   <div class="parent">
            <div class="children"></div>
            <div class="children"></div>
            <div class="children"></div>
    </div>

CSS：

 div.parent{
    border:1px solid black;
    padding:25px;
    text-align:center;
}

div.children{
    border:2px solid blue;
    background-color:orange;
    width:25%;
    display:inline-block;
    height:250px;
}

在另一个div中只有1个div的其他方式看起来像那个

HTML

<div class="parent">
        <div class="children">Woho</div>
</div>

CSS

div.parent{
    border:1px solid black;
    padding:25px;
}

div.children{
    border:2px solid blue;
    background-color:orange;
    width:250px;
    margin:0 auto;
}

margin:0 auto;属性会让你的div进入中心。

位于底部的div

1 个答案: