第一次布局一个静态网页，发现许多细节都需要自己探索，出现诸如以下问题：
1、布局问题：经常出现一个div被挤出来？做到一半少一个div布局？
布局之前，要点打好框架，明确每个地方的高宽是多少，争取精确到每一像素（是否含有边框像素）；但是，在纸上花的草图再好再精确，也需要实际操练。
2、定位问题：明明都定位了，为什么还出现div布局混乱的现象？
（未解）为什么可以通过设置margin-left/right的值为负数可以解决，但是在其他浏览器显示效果仍错误？
3、div中图片的定位，为什么按照理论设定的值，就是到不了应有的位置？
是图片定位错误还是参照物div弄错了？
4、内边距与外边局的问题？
可以分清定义，为什么实际运用时总是得不到应有的效果呢？问题在哪？
5、div中文字的对齐方式、行间距？
对齐方式没问题，行间距怎么调？用line-height么？ 字与字的间距怎么调？
6、div中有序列表的应用？
div中的有序列表可以用来做水平和垂直的菜单栏，可以设置边框，但是它前面的点时怎么缩小的？插入图片做序号时，图片与文字如何对齐，为什么会混乱？
文字后面的日期除了用单独的div做，为什么我用<span>标签做出来会自动空一行，原因在哪？
7、为什么做好的静态网页在这个浏览器中就可以正常显示，换了其他浏览器就不可以了呢？
是代码错误还是浏览器兼容问题？
（未完待续。。。）
希望通过实践自己一步步找到答案，而不是记住别人的经验之谈，不去实践。别人的知识可以借鉴，但终究不是自己的。
I hardly stay up before, but now I begin to steal some time form the peaceful night.
原文：http://www.cnblogs.com/chenguanai/p/6582987.html