Question

当页面大小变化时，为什么布局也会变乱，该怎么解决？

我在最外层已经包了一个div了 但是最上面一行我是用li做的 然后加的左浮动 所以排成一行 但是我把浏览器窗口大小改变的时候 li都掉下来了 怎么回事呢 我在最外面已经加了一个div了 为什么还会这样呢

Answer 1

你写的css代码不规范造成的。你可以把你的代码贴出来，可以帮你看下你写的缺少的东西。

Answer 2

用Css+Div控制布局百分比就可以

Answer 3

代码精简
　　使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点：一是提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处;二是由于能高效的爬行，就会受到spider喜欢，这样对收录数量有一定好处。
　　表格的嵌套问题
　　很多SEOer在其文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎官方的证实。我的几项实验结果没有完全出来，但根据目前掌握的情况来看，spider爬行Table布局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。
　　使用Table布局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，spider爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。
　　而DIV+CSS布局基本上不会存在这样的问题，从技术角度来说，XHTML在控制样式时也不需要过多的嵌套。
　　这虽然没有得到确认，但还是建议使用Table布局的朋友们，在设计时尽可能的不要使用多层表格嵌套，SEOer们在文章中说明了这一点，相信他们也不是没有依据的。
　　速度问题
　　DIV+CSS布局较Table布局减少了页面代码，加载速度得到很大的提高，这在spider爬行时是非常有利的。过多的页面代码可能造成爬行超时，spider就会认为这个页面无法访问，影响收录及权重。
　　另一方面，真正的SEOer不只是为了追求收录、排名，快速的响应速度是提高用户体验度的基础，这对整个搜索引擎优化及营销都是非常有利的。
　　对排名的影响
　　基于XTHML标准的DIV+CSS布局，一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面，但事实证明使用XTHML架构的网站排名状况一般都不错。这一点或许会有争议，有异议者可以拿三组以上基本同等质量的网站对比观察。

Answer 4

让网页版面自动适应屏幕分辨率的技巧

一、 自然拉伸
如果你的网站结构没有用到大量的图形来衔接，主要*表格来定结构，那么你就可以使用该方法。非常适用于主要*表格、文字来表达信息的简单的网页页面。
制作表格时，只要你把表格的宽度属性定义为100% ，表格就会根据分辨率的不同自行调整宽度。
二、 固定居中
自然拉伸法的好处自不必说，可以总是充满整个屏幕，但是弱点也很明显：一来如果网页版面复杂，各图形元素之间有精确的的定位关系，一旦拉开或者压缩就会彻底变形；二来即使版面不太复杂，文字行数亦不好控制。有时候分辨率一旦变化，要么太密，要么太挤，就失去了作者设计版面的意图了。所以目前各大网站普遍采用的方法是固定居中法！
该方法的制作方法很简单。在制作最大的表格时，把表格属性的宽度像素定义为一个固定数值，并且让表格居中即可。以后制作的表格，就会限定在这个表格之内，永远都不会超出800×600分辨率的屏幕，网页的大小相当于固定死了。当浏览者使用1024×768的分辨率浏览网页时，屏幕两边就会留下白边，看起来觉得比较自然。
三、 兵分两路
如果你的网页不经常更新，而且对页面效果极其在意，那好，你就设计两个页面，分别对应800×600和1024×768两种分辨率。把这两个首页文件分别命名为index800.htm和index1024.htm 。然后在空白的索引页index.htm中加入以下代码到前面：
<Script language=”javascript”>
if (window.screen){
var w=screen.width;
url_800=”index800.htm”;
url_1024=”index1024.htm”
//请根据你的文件命名修改
if (w<835){
self.location.replace(url_800);
}//加入判断条件，还可以用“&”加入多个判断条件
if (w>=835){
self.location.replace(url_1024);
}
}
</Script>
这样，当访问者打开你的索引页时，系统就会判断访问者的屏幕分辨率，然后转到相应的首页。