让内容的宽度随浏览器分辨率大小变化而变化

ffnn · 发表于 2010-2-23 17:30:47

有谁会啊？

简单说就是，显示分辨率为800，1024，1280下，而文章内容的宽度（放在div内）div的宽度能自动变化适合不同的分辨率。谁会啊？

ffnn · 发表于 2010-2-23 17:31:31

不是100%哈。

因为侧栏是个固定宽度。而内容div的宽度不固定。

有会对告知下

crazy4u · 发表于 2010-2-23 17:35:06

google "css fluid layout"

ffnn · 发表于 2010-2-23 17:41:13

crazy4u · 发表于 2010-2-24 22:56:58

汗什么？快点给我加分哟

yerencao · 发表于 2010-3-3 23:01:49

这个简单,我的网站就是的,无论宽屏窄屏永远居中.
http://www.pingke.info/

#container { width: 950px; margin: 0 auto; }
这样就可以了.把内容放在<div id="container"><div>中.
主要是这句样式在起作用: margin: 0 auto;
前面是定义内容的宽度.

ffnn · 发表于 2010-3-3 23:23:30

原帖由 yerencao 于 2010-3-3 11:01 PM 发表
这个简单,我的网站就是的,无论宽屏窄屏永远居中.
http://www.pingke.info/

#container { width: 950px; margin: 0 auto; }
这样就可以了.把内容放在中.
主要是这句样式在起作用: margin: 0 auto;
前面是定义内容的 ...

你这种我2年前就会啦。

你就没看清楚我问的啥。

我说的是内容div要随着分辨率变化而变化（不用百分比宽度，更不可能用px固定宽度）。但是侧栏是固定宽度。

和你的完全不一样的。你那种简单。你拿着宽度就是固定的，800x600下显示不全，有滑动滑条。

我都会啦。

[ 本帖最后由 ffnn 于 2010-3-3 11:38 PM 编辑 ]

ffnn · 发表于 2010-3-3 23:25:30

#container { width: 950px; margin: 0 auto; } 你的 container就是个固定宽度。

我说的这种，无论在800X600，还是1024，还是1200，随便哪种分辨率下。网页宽度都是100%满屏。而且内容div和侧栏div永远能刚好布局。侧栏是固定px。内容div是自动变化的。

且不是用 %宽度来定义的。

并不是最外层宽度定成100%。这个也是错的。这种的话就不能实现我说的效果。

我看到国外几个大网站用的那种高级方法，我都学会啦。

[ 本帖最后由 ffnn 于 2010-3-3 11:39 PM 编辑 ]

szeweb · 发表于 2010-3-3 23:38:51

你这个版主是怎么当上去的啊

:lol

ffnn · 发表于 2010-3-3 23:40:13

让内容的宽度随浏览器分辨率大小变化而变化

浏览过的版块