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

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可以吗？

score 1 · Accepted Answer

如果你想让它.sharebar出现在同一个地方并在调整窗口大小时触发一个水平滚动条，你应该align="right"从 HTML 中删除它position:absolute，并在 CSS 中指定一个位置。例如：

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

1 回答 1