css - 具有固定宽度 'stationary' header 的居中正文

标签 css

我的问题与这个问题的一部分几乎相同,但它并没有引导我找到解决方案。 How do I center my page while making my header take the full width of the browser window?

使用下面的 css 片段,当浏览器窗口改变大小时,我的页面完全居中在视口(viewport)中,但是我希望标题图像保持在相同的位置,与视口(viewport)的左侧齐平,无论视口(viewport)窗口宽度为。

#page{
  margin-left: auto; 
  margin-right: auto;
  width: 1024px;
}


 #header {width: 1200px;
 }

最佳答案

将#header 放在#page 之外,并将 margin-left 和 margin-right 设置为 auto

关于css - 具有固定宽度 'stationary' header 的居中正文,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17443669/

相关文章:

javascript - 如果类存在,则显示/隐藏类的 jQuery 按钮

javascript - jQuery 删除/添加类只能工作一次

java - JSP 和 OSGi : bundling css and javascript

html - 无法在包装内居中标题和部分

javascript - jQuery 在我自制的灯箱上淡入淡出

html - 如何使页脚始终保持在页面底部,即使页面内容小于屏幕?

css - 光标在 :hover 中不起作用

Jquery Mobile可折叠 ListView 对齐文本和按钮

javascript - 下拉列表在不需要的时间关闭

javascript - 如何使用 JQuery、HTML 和 CSS 制作多类别过滤器