HTML开发——成长笔记（以后学习心得都会整理出来分享给大家）

关于web页面布局的一些收获

浮动布局的混乱问题：

初学者常常会有的一个困惑，布局已经写好了，看起来也挺美观了，可是当把窗口放大或缩小以后，画面瞬间就掺不忍睹了——许多块莫名其妙地跑到其他地方去了，歪歪斜斜的，让人抓狂。为啥会这样呢？百思不得其解，然后又把浮动布局又一个个改为定位布局，结果还是这样。。。其实，只需要明白一个点——你的那些块都是直接放在body下的，浏览器就会默认你那些块是相对于浏览器的窗口而设定的了，此时你的布局自然也是相对浏览器窗口的大小而言的了，他们会死死跟着浏览器的窗口变，窗口小了那就被挤到下边去了，大了也会被挤到其他地方去。此时，你只需要在这些块的外边再套一层设置了固定宽度的div就可以了，这时你再去伸缩浏览器窗口，那些块也只会跟着它们上面一层div的宽度去动作了，而上面的那层div宽度已经设置为一个固定值得宽度了，所以自然块们也就被老老实实安定下来了，挤的时候就会自动加上滚动条。
 所以记住喽，采用浮动布局时需要在浮动块外层再添加一个固定宽度的div，这样设置了浮动的块才不会随着浏览器的伸缩而掉（被挤到）到下面去哦。