html自适应为什么乱跑

乱跑的原因第一种：做一个网页解决问题（长了点）

如果只是因为浏览者改变了浏览器的设置，或者因为浏览器不兼容，使自己精心制作的网页变得面目全非，那多令人沮丧！下面我们以网页爱好者的常用工具Dreamweaver（以下简称DW）为例，列出几个网页制作初学者较常见的网页布局问题以及解决方法，希望对初学者们有所帮助。

现在的大部分都是div+css的布局，出现问题是很常见的，如网页缩小时候的错位：

1，因为你的DIV的宽高是确定的值，所以你一缩小，自然你的浏览器宽度和高度就发生了变化，自然就会造成div的挤压，因为导致错位，就像代码中的一样：

<div id='main'>

<div class='a' style="width:1000pxflaot:left">aaa</div>

<div class='b'style="width:1200pxflaot:left">bbb</div>

</div>

这样浏览器的宽度不够自然就错位了

---