这是一道从知乎转过来的题目，希望各位大神可以帮忙。
原地址传送门
===下面是具问题===
如题，我已经掌握了HTML+CSS的基本知识，也看了很多经典的CSS书籍和网络课程，但是经常在”布局“问题上头疼。跟着例子都能做出来，但是一到实际应用就头疼，感觉千变万化，摸不着头绪。有时候会感觉很多布局方式的实现没有任何道理可言，更像是“大家试出来”的。（额外信息：我之前做过Android开发，在布局时使用的属性都是语义化的，比如居中，只需要写成“针对父元素居中”即可。与WEB开发相比，感觉上是多了一层东西，更加抽象和人性化）
与之类似的，之前我还有面临过一个问题，就是对DOM操作理解不到位。之后有人推荐了一本《Javascript DOM 编程艺术》，看完之后感觉茅塞顿开，仿佛一下子就把DOM操作学明白了！我想原因大概就是普通的入门书籍总是在讲”怎么做“，对底层的”为什么“很少提到，所以导致学习过程中会越学感觉越乱，导致无法深入。
所以我猜测，关于CSS+p布局方面，可能也有类似的神书存在，希望大家可以推荐。
如果没有，不知道有什么方法可以提高这方面的“理论认识”？
非常感谢。
PS：
请不要随随便便说“多练习”，我觉得在“分析问题的方法”没有学会的情况下，靠练习其实没有多大意义。就好像我说不会解微积分，不能说一句“多练习”就能解决。
《HTML CSS网页设计与布局从入门到精通.pdf》这本书我自己感觉比较不错
还有一本《CSS禅意花园》据说很经典，还没看
正在看你推荐的《Javascript DOM 编程艺术》
感觉还是要多练习吧，可以仿写一些优秀的页面
当时我初学的时候在妙味课堂找到了这个 http://www.miaov.com/2013/miaovideo/miaovideo.html
里面有一栏是html+css布局的，有点多不过很基础很有用，要是有时间的话可以看看
这个网站的例子跟着敲几遍
http://zh.learnlayout.com/
winter有篇博文讲css布局，写得太好了，刚学css时我也是一头雾水，这文章看两遍就懂了，意犹未尽又看了十几遍抄写了一遍
http://www.cnblogs.com/winter-cn/archive/2013/05/11/3072929.html
多写多才踩坑