【发布时间】：2013-01-16 01:59:23
【问题描述】：
我有一个高度为 50 像素的顶部 div，宽度必须是整个浏览器窗口的宽度。 我正在设置 `width: 100%;但问题是，当我放大放置在里面的其他内容时，会与其他内容重叠。 我知道宽度：100%；将始终仅与当前缩放的屏幕一样多，这就是内容重叠的原因。
这个 div 的位置是固定的。 我尝试使用 jQuery 设置宽度并且它可以工作，但是当缩小顶部 div 时不会保持最大可用屏幕宽度。
(document).ready(function(){
var widthT = $(window).width();
$('#top_status').css("width", widthT);
});
上面的jQuery可以放大，但不能缩小，因为宽度已经设置并且没有改变。
我正在尝试获取一些可以作为 facebook 顶部蓝条的东西。无论缩放如何，它都能很好地保持原位。
谢谢
【问题讨论】：
-
你在使用一些 CSS 'position:fixed' 属性吗？
-
我不明白您所说的“内容重叠”是什么意思。您可能想在jsFiddle 上创建一个演示来复制问题。据我所知，Facebook 的菜单并没有做任何花哨的事情。
-
我所说的 div 使用固定定位。问题是，当我放大内部内容时，会在某些时候分崩离析。
-
这是一个 jsFddle：jsfiddle.net/LRSAA