javascript - 如何有效提高使用CSS+DIV进行布局的能力？
这是一道从知乎转过来的题目，希望各位大神可以帮忙。
原地址传送门
===下面是具问题===
如题，我已经掌握了HTML+CSS的基本知识，也看了很多经典的CSS书籍和网络课程，但是经常在”布局“问题上头疼。跟着例子都能做出来，但是一到实际应用就头疼，感觉千变万化，摸不着头绪。有时候会感觉很多布局方式的实现没有任何道理可言，更像是“大家试出来”的。（额外信息：我之前做过Android开发，在布局时使用的属性都是语义化的，比如居中，只需要写成“针对父元素居中”即可。与WEB开发相比，感觉上是多了一层东西，更加抽象和人性化）
与之类似的，之前我还有面临过一个问题，就是对DOM操作理解不到位。之后有人推荐了一本《Javascript DOM 编程艺术》，看完之后感觉茅塞顿开，仿佛一下子就把DOM操作学明白了！我想原因大概就是普通的入门书籍总是在讲”怎么做“，对底层的”为什么“很少提到，所以导致学习过程中会越学感觉越乱，导致无法深入。
所以我猜测，关于CSS+p布局方面，可能也有类似的神书存在，希望大家可以推荐。
如果没有，不知道有什么方法可以提高这方面的“理论认识”？
非常感谢。
PS：
请不要随随便便说“多练习”，我觉得在“分析问题的方法”没有学会的情况下，靠练习其实没有多大意义。就好像我说不会解微积分，不能说一句“多练习”就能解决。
