高分求教DIVCSS页面宽度自适应问题

来源：百度知道 编辑：UC知道 时间：2024/05/13 03:50:40
像京东网站那样的宽屏窄屏自适应，怎么弄，用%来定义我知道，但是京东的页面CSS是固定了高和宽了，他是怎么实现的，他也没有2个样式。
真心求教
用宽屏量一下他中间DIV的宽度，和窄屏他中间的宽度是不一样的，他中间的DIV宽度是自动放大.

360buy没有使用自适应

如果楼主想看自适应的标准信息，请看下面这个链接,介绍的很详细
http://www.aa25.cn/layout/

依据你的设计图来考虑到底应用固定宽度还是自适应宽好.
一般情况下做门户企业类网站，外面的div都是固定宽度的，这样基本保持在不同的浏览器下都做到相同的效果，也体现这类网站的规范。但如果公司网站的导入页或做个人网站可以考虑用自适应宽度，因为这类的版式可以比较自由，有个性。

京东商城有自适应宽度吗 貌似没发现

我看到只有居中

body{
width:1000px;
margin:0 auto;
}
auto 左右居中 不过一定要固定宽度

你说那个是固定宽度且居中的板式 ，就是两边的空白自动伸缩。 中间大小不变。

具体这样实现：你先把宽度设置为固定，比如970px,然后再让他居中，代码：body部分：text-align:center 他里面的版块都会居中显示 ； 然后内容部分（就是你设置970固定宽度的部分）：margin:0 auto ，这样就表示自动适应左右宽度。

这一类的网页不是很难,楼主分析一下其它的网站的例子也就明白了,主要就是一个百分比的思路,只要明白了,楼主会做的比他的要好的多得多,不过说明一点,看似大小随浏览器变化,但说实话,都有个最低限度,主要看你的想法是什么了,如果要兼容800*600,那么网页的最小值在780左右,不过现在一般真的很少有人还用这么小的分辨率了.
我给下面做一个小示范,CSS和HTML都符合W3C的标准,最主要的不用JS,网页的速度就提高了许多,楼主试一下,不过如果想用这个的话要按你理想中的样子改改

比如我们定一下左边的为200PX不变,右边自动的:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi