5-2 浮动拓展

16.1 浮动元素与父盒子的关系

  • 子盒子的浮动参照父盒子对齐
  • 不会与父盒子的边框重叠,也不会超过父盒子的内边距

 

16.2 浮动盒子与兄弟盒子的关系

在一个父级盒子中,如果前一个兄弟盒子是:

  • 浮动的,那么当前盒子会与前一个盒子的顶部对齐;
  • 普通流的,那么当前盒子会显示在前一个兄弟盒子的下方。 

总结:浮动只会影响当前的或者是后面的普通流盒子,不会影响前面的普通流。

建议:如果一个盒子里面有多个子盒子,一个子盒子浮动,那就  要浮的话其他兄弟子盒子都浮,防止引起问题。

posted @ 2020-12-23 11:36  Nelson-Yen  阅读(95)  评论(0)    收藏  举报