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

Question

我有一点问题 - 我左右两个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有可能吗？

Answer 1

如果您想让.sharebar出现在同一个地方，并在窗口调整大小时激活水平滚动条，则应从HTML中删除align="right"并{>} {}以及指定CSS中的位置。例如：

position:absolute