2012-03-01 107 views
-2

看看stackoverflow网站 - 屏幕通过减少边距来调整宽度,直到网站变得固定时没有边距。如何才能做到这一点?如何用CSS实现固定/流体布局?

+1

您可能正在寻找:'margin:0 auto' – shaunsantacruz 2012-03-01 18:03:29

+0

阅读关于响应式网页设计(StackOverflow并未使用) – SLaks 2012-03-01 18:04:53

回答

3

我相信该页面只是居中。我只是用一个固定宽度(例如800px)的div标签包含页面上的所有元素。然后,我会margin: 0 auto;

#all { 
    width: 800px; 
    margin: 0 auto; 
} 
0
在计算器的情况下

中心,它是在屏幕中心只有一个固定的宽度,来实现这一点,你想拥有对内容的DIV是一个指定的宽度,例如960px非常流行,那么你可以用css left:50%; margin-left:-480px;来定位它,其中480是内容宽度的一半。我发现这是更强大,然后保证金:0汽车;

如果您想要一个真正针对浏览器窗口大小进行调整的网站,对'响应式网页设计'和'CSS媒体查询'进行一些Google搜索,他们应该帮助您。