CSS浮动方法怎么理解
导读:本文共738.5字符,通常情况下阅读需要2分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 请看下图,当把框 1 向右浮动时,它离开文档流况且向右挪动,直到它的左边缘遇到涵概框的右侧际: 再请看下图,当框 1 向左浮动时,它离开文档流并且向左移动,直到它的左边际碰着征求框的左边缘。因为它不再处于文档流中,所以它不并吞空间,实践上覆盖住了框 2,使框 2 从视图中失踪。 假如把全数三个框都向左移动,那么框 1 向左浮动直到遇到包... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。请看下图,当把框 1 向右浮动时,它离开文档流况且向右挪动,直到它的左边缘遇到涵概框的右侧际:
再请看下图,当框 1 向左浮动时,它离开文档流并且向左移动,直到它的左边际碰着征求框的左边缘。因为它不再处于文档流中,所以它不并吞空间,实践上覆盖住了框 2,使框 2 从视图中失踪。
假如把全数三个框都向左移动,那么框 1 向左浮动直到遇到包括框,其它两个框向左浮动直到碰到前一个浮动框。
如下图所示,若是蕴含框太窄,没法见谅水准布列的三个浮动元素,那么其它浮动块向下挪动,直到有匮乏的空间。要是浮动元素的高度不合,那末当它们向下挪动时概略被其它浮动元素“卡住”:
</div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:
CSS浮动方法怎么理解的详细内容,希望对您有所帮助,信息来源于网络。