这个包装的宽度是多少? “居中网页”

时间:2013-10-10 21:37:50

标签: html css webpage

你能帮我看一下这个网页使用的CSS代码吗?

http://www.meetme.com/

特别在图片上?我的意思不是所有的图片,我在谈论“mid div”或内容区域。那么这个网页有3个部分吗?

头 身体/内容(mid div) 页脚

这是我的默认图片Default Zoom 但当我把它全部放大时,还有更多剩余的照片。因此,如果我制作一个w:1000px包装器,则网页将居中,但剩余的左右图片将不会显示。

但是如果我制作一个w:100%包装器,剩下的图像会显示出来(虽然不确定)但是当你将它缩小时它会转到左上角。

你好吗? :)我很难解释我已经考虑过2小时了。

也许这会有所帮助。我们只说

标头有1000px 身体有2000px 页脚有1000px

那么我的包装器(?)的宽度如果1000px以及bodyarea将重叠并且水平滚动将显示如何。如果我的包装纸有100%的宽度。当我的网页缩小时,它会转到左上角,我的徽标也会搞砸。水平滚动也会出现。

我想要在缩小时图片如何平均向左和向右显示。

1 个答案:

答案 0 :(得分:1)

我不确定你是否想要这个,但你可以margin: 0 auto;一个包装器或容器,当你给它们一个宽度时它们将位于屏幕中间。

以下是一个示例(这将始终位于中间):http://jsfiddle.net/MWtpn/如果这是错误的,抱歉。

修改

按F12或检查元素时,可以看到源代码。 http://www.meetme.com上的#site_container为952px;。他们正在使用overflow-x: hidden;您无法向左或向右滚动。这就产生了你想要的效果。