为什么要让img浮动：_资讯

创始人

2024-03-14 15:22:26

0次

图片不浮动的话，图片和文字是像下面这样排版的：

代码：


红发歌姬

但是网站上的图片和文字是这样排的：

所以要让img浮动起来，，，浮动起来就能实现，原因看下面：

浮动代码：

float:left

浮动的原理：

代码演示：浮动

结果：

结果显示，第一个盒子浮动起来了，第二个盒子上去了，但是第二个盒子身上的内容环绕第一个盒子显示。

所以我们就能解释为什么要给img图片加 float：left 的属性了：

看下面的代码，让img浮动起来，它下面的div盒子就上去了，文字也上去了，但是文字不会被img盒子给覆盖，而且能跟img排在一行上；

style{img{float:left}
}
红发歌姬

想了解 float:left属性 的看：css第十一课：浮动属性_陌一一的博客-CSDN博客

想知道 float:left 和 position：absolute区别的看：css定位及定位和浮动的区别_陌一一的博客-CSDN博客_css浮动和定位有什么区别

掀桌了！曾起诉国家药监局的连锁... 12月23日，国内知名药店连锁养天和大药房通过官方视频号发声：“为维护行业健康生态，保障企业合法权益...

宁夏最新法规规定：不履行抚养义... 家庭是保护未成年人的第一道防线，家庭也是未成年人健康成长的温暖港湾。然而实际生活中，有些家长不重视家...

现场：KK园区494栋涉赌诈犯...

瑞茂通（600180）披露公司... 截至2025年12月25日收盘，瑞茂通（600180）报收于3.72元，较前一交易日下跌1.06%，...

巡回审判进校园学生问了一连串... 河南日报客户端记者李子耀通讯员李诗露 12月24日上午，信阳市新世纪职业学院的一间教室里，信阳...

两大老牌机构相继被“摘牌”！投... 每经记者｜王海慜每经编辑｜彭水萍最近，青岛大摩证券投资有限公司（以下简称青岛大摩投资）成为近期...

赤水市元厚镇：强化基层调解筑... 遵义市赤水市元厚镇以“发案少、秩序好、社会稳定、群众满意”为目标，将“有纠纷、找综治”作为工作主线，...

备审年报首提“研究论证制定备案... 南都讯记者刘嫚发自北京 12月24日，全国人大常委会办公厅新闻局组织备案审查工作集中采访。全国人大...

952名缅甸妙瓦底地区涉电诈犯... 据央视新闻消息，近日，公安部派出工作组会同缅甸、泰国执法部门在缅甸妙瓦底地区，联合开展新一轮赌诈园区...

律师谈女子擅闯在建地铁隧道拍照... 近日，一女子在深圳在建地铁隧道内拍摄照片，引发热议。据其发布在社交平台上的截图，该女子走在封闭的地...