学编程 ❀(๑╯◡╰๑)❀ 就上soxunxi.cn!这里有CMS,CSS,NET,PHP,Linux,HTML,JAVA,MySQL,Python等教程.
当前位置: CSS > CSS浮动怎么做【css教程】,CSS

浮动的框能够向左或向右挪动,直到它的外边沿遇到包括框或另一个浮动框的边框为止。

由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。

CSS 浮动,在 CSS 中,我们经由过程 float 属性完成元素的浮动。 ( 引荐进修:CSS教程 )

请看下图,当把框 1 向右浮动时,它离开文档流而且向右挪动,直到它的右边沿遇到包括框的右边沿:

再请看下图,当框 1 向左浮动时,它离开文档流而且向左挪动,直到它的左边沿遇到包括框的左边沿。由于它不再处于文档流中,所以它不占有空间,实际上掩盖住了框 2,使框 2 从视图中消逝。

假如把一切三个框都向左挪动,那末框 1 向左浮动直到遇到包括框,别的两个框向左浮动直到遇到前一个浮动框。

如下图所示,假如包括框太窄,没法包容程度分列的三个浮动元素,那末别的浮动块向下挪动,直到有充足的空间。假如浮动元素的高度差别,那末当它们向下挪动时大概被别的浮动元素“卡住”:

以上就是CSS浮动怎样做的细致内容,更多请关注ki4网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

标签:

上一篇:

下一篇:

相关推荐

0 条评论关于"CSS浮动怎么做【css教程】,CSS"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线