hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 文章 - 后端开发 - 正文 看Cosplay古风插画小姐姐,合集图集打包下载:炫龙网 · 炫龙图库

CSS浮动怎么做_WEB前端开发

2019-12-21后端开发ki4网21°c
A+ A-

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

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

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

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

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

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

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

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

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
CSS浮动怎么做_WEB前端开发

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>