前端浮动的高端理解-站在另一个境界去审视浮动
Posted Fire king
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端浮动的高端理解-站在另一个境界去审视浮动相关的知识，希望对你有一定的参考价值。
学习知识，不是要你去死记硬背记住语法demo，而是结合生活切身感受去悟道，这样就不会存在记忆缺失，记住，编程来源于生活。
理解浮动，不需要如何精致的demo，仅需身临其境意会即可。且听我慢慢道来：首先，你可以将一个展现在你面前的html页面以正对着屏幕前的你垂直分成两个位面，离你最远的那个即为标准文档流，就像海洋一样，而浮动所处的位面是离你最近的那个位面，就像浮在海面上的漂浮物，其实两个位面是不接触的这种说法更加准确一点，毕竟，海面和漂浮物还是有点接触的。其次，就是html页面的布局，就好比div标签（块级元素独占一行），多个div自然就形成列式垂直分布。这时，你如果想让多个div在同一行怎么办，可以，漂浮在第一个上面呗，海陆空不能全给他占了吧，有了领海，那领空就是我的啦，所以，给其他div设置浮动，因此就会呈现多个div同行呈折叠状。那如果说同行其他位置呢，比如说右边，就像头像一样的场景呢，设置个right属性不就好了吗。好的呢，宝，宗师级别的讲解就到这里了，至于Demo案列，可以参考浮动css案例Demo
以上是关于前端浮动的高端理解-站在另一个境界去审视浮动的主要内容，如果未能解决你的问题，请参考以下文章