css浮动的示例分析
导读:本文共703字符,通常情况下阅读需要2分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 浮动的框概略向左或向右移动,直到它的外边际碰着包罗框或另外一个浮动框的边框为止。 由于浮动框不在文档的普通流中,所以文档的平凡流中的块框显现得就像浮动框不具有异样。 CSS 浮动 请看下图,当把框 1 向右浮动时,它离开文档流并且向右... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。浮动的框概略向左或向右移动,直到它的外边际碰着包罗框或另外一个浮动框的边框为止。
由于浮动框不在文档的普通流中,所以文档的平凡流中的块框显现得就像浮动框不具有异样。
CSS 浮动
请看下图,当把框 1 向右浮动时,它离开文档流并且向右移动,直到它的右侧缘碰到席卷框的左边缘:
再请看下图,当框 1 向左浮动时,它来到文档流并且向左移动,直到它的左边缘遇到囊括框的左边缘。因为它再也不处于文档流中,所以它不攻陷空间,理论上覆挡住了框 2,使框 2 从视图中消失。
假设把所有三个框都向左移动,那末框 1 向左浮动直到碰到囊括框,其他两个框向左浮动直到遇到前一个浮动框。
</div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:
css浮动的示例分析的详细内容,希望对您有所帮助,信息来源于网络。