Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使用CSS实现固定/流动布局?_Html_Css - Fatal编程技术网

Html 如何使用CSS实现固定/流动布局?

Html 如何使用CSS实现固定/流动布局?,html,css,Html,Css,查看stackoverflow站点-当站点变得固定时,屏幕通过减少边距来调整宽度,直到没有边距为止。怎么能做到这一点呢?我相信这一页正好居中。我将只包含页面上的所有元素,其中包含一个具有固定宽度(比如800px)的div标记。然后,我会用margin:0 auto将其居中 #all { width: 800px; margin: 0 auto; } 在stackoverflow的情况下,它只是屏幕中央的一个固定宽度,要实现这一点,您需要为指定宽度的内容设置一个div,例如960

查看stackoverflow站点-当站点变得固定时,屏幕通过减少边距来调整宽度,直到没有边距为止。怎么能做到这一点呢?

我相信这一页正好居中。我将只包含页面上的所有元素,其中包含一个具有固定宽度(比如800px)的div标记。然后,我会用
margin:0 auto将其居中

#all {
    width: 800px;
    margin: 0 auto;
}

在stackoverflow的情况下,它只是屏幕中央的一个固定宽度,要实现这一点,您需要为指定宽度的内容设置一个div,例如960px非常流行,然后使用css
left:50%定位它;左边距:-480px其中480是内容宽度的一半。我发现这比保证金更稳健:0自动


如果你想要一个能根据浏览器窗口大小进行调整的网站,可以在谷歌上搜索一下“响应式网页设计”和“css媒体查询”,它们应该能帮你解决问题

您可能正在寻找:
margin:0 auto
Read about Responsive Web设计(StackOverflow不使用)