Question

基本上标题是什么。虽然任何重新分配的间距都必须相同。我尝试用css来做，但在不同的分辨率上，它会移动一下。只要它有效，它就不管你怎么做（javascript，css，html）。

您可以在here上查看我遇到问题的网站。

Answer 1

如果错误是致命错误。检查代码。位于顶部，然后执行此操作

更改

#newscontent {
top: 4px;
left: 14%;
position: fixed;
}

到

#newscontent {
top: 4px;
left: 18%;  //CHANGE HERE
position: fixed;
}

这将使文本与最新消息位重叠，至少在页面收缩小于BB之前。

更好的方法是将#newscontent设为span并将其放在#news div内，这样无论屏幕尺寸如何，都不会重叠或分离。

Answer 2

只有#topbar应该是绝对的（如果需要的话），子div可以左浮动和右边缘/填充

Answer 3

好的，所以底线是你不想使用左偏移百分比的绝对或固定定位来解决这个问题。根据屏幕分辨率和文本长度，此方法将失败。更好的方法是浮动项目，这将允许他们在必要时“推”下一个元素到右边。试试这个：

首先，删除#serverstats，#news和#newscontent选择器的所有CSS。

其次，在所有这三个div中，添加一个menu-item类：

<div id="serverstats" class="menu-item">...</div>
<div id="news" class="menu-item">...</div>
<div id="newscontent" class="menu-item">...</div>

第三，将以下CSS添加到样式表中：

.menu-item {
    float: left;
    font: bold 120% Arial,Helvetica,sans-serif;
    margin-left: 15px;
    padding-top: 3px;
    text-decoration: none;
}

DIV重叠。需要移动它，所以他们没有

3 个答案: