Question

与facebook在顶部实现蓝色条的方式类似，如何使一个条形图移动到屏幕的宽度（取决于分辨率），但其余内容限制为1024px。

这是我以前从未做过的事情，但想要参加。

由于

Answer 1

只是不要将元素放在具有约束宽度的元素中。

Answer 2

如果您像这样设置HTML：

<body>
<div class="header site-header">This is my header</div>
<div class="content site-content">This is my content</div>
</body>

你的css是这样的：

html, body{margin:0; padding:0;}

.site-header{width:100%; margin:0;}
.site-content{width:1024px; margin:0 auto;}

你应该好好去。