Question

我有一个类似this（codes）的网页。如你所见，有一个内容div。还有一个小div，它固定在页面上，并用它滚动。我想将它与内容div的左边对齐。我会像this page。有一个小的固定盒子，其中包含社交分享按钮。它与左边的内容对齐。我想这样做。

Answer 1

你需要为你的sosyal-paylasim div修改你的css（注意最后两个元素）：

#sosyal-paylasim {
    background-color: #F3F6FE;
    border-color: #A5B2D0 #DBE4F3 #DBE4F3;
    border-style: solid;
    border-width: 2px 1px 1px;
    box-shadow: 0 2px 3px #E2E2E2;
    min-height: 150px;
    overflow: hidden;
    position: fixed;
    top: 200px;
    width: 64px;
    z-index: 100;

    left: 50%;
    margin-left: -490px;
}

可以找到进一步的解释here。

-----------编辑让DIV在外面的容器---------------

根据您的评论，如果您希望它在容器之外，请使用：

#sosyal-paylasim {
    background-color: #F3F6FE;
    border-color: #A5B2D0 #DBE4F3 #DBE4F3;
    border-style: solid;
    border-width: 2px 1px 1px;
    box-shadow: 0 2px 3px #E2E2E2;
    min-height: 150px;
    overflow: hidden;
    position: fixed;
    top: 200px;
    width: 64px;
    z-index: 100;

    left: 50%;
    margin-left: -557px;
}

诀窍在于你将div放在左边：50％，然后将主推容器的宽度的一半（加上div的宽度（64px）加上两个边框）向左推回div（2px）加上容器的左边框（1px）使其在外面。）

Answer 2

试试this update of your fiddle。我认为它可以做你想要的，但是当两个div的顺序可以重新排列时，有更好的解决方案。

对齐两个DIV

2 个答案: