Html 如何使用CSS实现固定/流动布局?
查看stackoverflow站点-当站点变得固定时,屏幕通过减少边距来调整宽度,直到没有边距为止。怎么能做到这一点呢?我相信这一页正好居中。我将只包含页面上的所有元素,其中包含一个具有固定宽度(比如800px)的div标记。然后,我会用Html 如何使用CSS实现固定/流动布局?,html,css,Html,Css,查看stackoverflow站点-当站点变得固定时,屏幕通过减少边距来调整宽度,直到没有边距为止。怎么能做到这一点呢?我相信这一页正好居中。我将只包含页面上的所有元素,其中包含一个具有固定宽度(比如800px)的div标记。然后,我会用margin:0 auto将其居中 #all { width: 800px; margin: 0 auto; } 在stackoverflow的情况下,它只是屏幕中央的一个固定宽度,要实现这一点,您需要为指定宽度的内容设置一个div,例如960
margin:0 auto将其居中代码>
#all {
width: 800px;
margin: 0 auto;
}
在stackoverflow的情况下,它只是屏幕中央的一个固定宽度,要实现这一点,您需要为指定宽度的内容设置一个div,例如960px非常流行,然后使用cssleft:50%定位它;左边距:-480px代码>其中480是内容宽度的一半。我发现这比保证金更稳健:0自动
如果你想要一个能根据浏览器窗口大小进行调整的网站,可以在谷歌上搜索一下“响应式网页设计”和“css媒体查询”,它们应该能帮你解决问题 您可能正在寻找:margin:0 auto
Read about Responsive Web设计(StackOverflow不使用)