html - 如何在调整窗口大小期间防止内容重叠

我有一个小问题-
我的左边和右边有两个div，因为我的屏幕分辨率为1280 * 768，所以在这里可以正常工作。但是当我减小窗口大小时，它们会相互重叠...就像左一个减小宽度而右一个使宽度减小一样...

这是我的代码。

<div class="shareBar" align="right">
        ......
 </div>
<div class="content">
    .....
 </div>

我的CSS代码在这里

.content{
    position:relative;
    margin: 110px 5px 10px 5px;
    min-width:700px;

    }


.shareBar{
    position:relative;
}

在这里shareBar与内容重叠...

我想使此shareBar始终处于静态位置，并且当窗口调整大小时，应出现水平滚动条，以便内容始终处于静态大小。否则，shareBar应该位于内容之下。
纯CSS可能吗？

最佳答案

如果要使.sharebar出现在同一位置并在调整窗口大小时引起水平滚动条，则应从HTML中删除align="right"并为其指定position:absolute以及CSS中的指定位置。例如：

.shareBar{
    position:absolute;
    left:900px;
}