一、盒子模型位置摆放三大机制 - 普通流、浮动、定位

盒子模型位置摆放三大机制 :

普通流 : 默认的摆放样式 ;
- 块级元素摆放 : 每个块级元素独占一行 , 排列顺序从上到下 ; 如 : div , p , h1 等 ;
- 行内元素摆放 : 多个行内元素在同一行显示 , 排列顺序从左到右 , 显示到边缘自动换行 ; 如 : span , strong , a 等 ;
浮动 : 盒子模型在普通流基础上覆盖显示 , 多个块级元素可以在同一行相互覆盖显示 ;
定位 : 盒子模型在浏览器指定位置显示 ;

普通流相当于 Android 中的线性布局 ;
浮动相当于 Android 中的帧布局或相对布局或约束布局 ;
定位相当于 Android 中的绝对布局 ;

二、行内块元素的摆放缺陷

行内块元素的摆放缺陷 :

下面的示例中 , 行内块元素之间始终有一条无法控制的缝隙 ;

行内元素代码示例 :

 

     浮动引入

效果展示 :
在这里插入图片描述

英伟达投资初创公司Harmon... IT之家 1 月 15 日消息，据 AXIOS 网站报道，芯片制造商英伟达（Nvidia）加入了投资...

西贝闭店30%：老派企业家的认... 102家门店集中关停，为西贝长达四个月的“预制菜风波”给出了最直接的市场答案。而贾国龙在闭店声明中的...

原创黄... 最近听说金店又调价了，我隔壁的王阿姨本来想买条项链，结果周大福的黄金从1450多跌到1426，她就一...

估值达40亿元冲刺港股上海... 《科创板日报》1月15日讯（记者史士云）近日，上海生生医药冷链科技股份有限公司（以下简称“上海生生...

志特新材、*ST铖昌完成核查，... 财联社1月15日讯，商业航天牛股*ST铖昌和今年首只翻倍牛股志特新材今日双双宣布股票明日复牌。今日...

暴涨820.93％后，国晟科技... 本报（chinatimes.net.cn）记者李佳佳李未来北京报道 1月14日晚间，上交所官方微...

雷军：小米推出YU7全系7年低... 新闻荐读针对特斯拉中国推出的7年低息购车方案，小米董事长兼CEO雷军在直播中表示，公司紧急推出YU...

白癜风医生李从悠：颈部白癜风易... 颈部属于暴露且活动频繁的部位，白癜风患者在护理时需格外注意，科学的护理能有效减少病情波动，为治疗营造...

黄燕铭：“中间地带”资产或受关... 1月15日，同花顺举办资本市场高质量创新发展交流会。会上，东方证券研究所所长黄燕铭就2026年经济形...

迅雷起诉前CEO陈磊，称侵害公... 1月15日，南都N视频记者从知情人士处获悉，深圳市迅雷网络技术有限公司（简称“迅雷”）及子公司深圳市...

焦煤中央医院眼科：日间手术三... □记者吴文可文图 “当天入院、当天手术、24小时内出院”，这是日间手术为患者带来的全新就医体验。...

一天2只！年内券商发债热潮升温... 随着A股市场回暖带动两融规模屡创新高，叠加市场低利率环境带来的融资成本优势，2026年券商发债融资迎...

美股打新分析，又一只加密货币概... 2025年美股打新有3只加密货币概念股和1只医疗用品股上市后暴涨，使参与打新的老投资者赚的盆满钵满。...

南方能源行业可信数据空间引入电... 近日，南方电网公司第七届电力调度AI应用大赛在广州落幕。在活动现场，南方电力调度控制中心依托南方能源...

深圳“技客”故事｜黄佳杰：从“... 深圳新闻网2026年1月15日讯（记者林玟珊）当听到自己名字被念出，成为世界冠军的那一刻，黄佳杰的...

央行宣布下调各类结构性货币政策... 每经记者｜李玉雯每经编辑｜魏文艺 1月15日，中国人民银行新闻发言人、副行长邹澜在国新办新闻发布...

振芯科技违规信披！公司及董事长... 据振芯科技公告披露，1月14日，该上市公司收到四川证监局出具的《关于对成都振芯科技股份有限公司及谢俊...

袁记云饺赴港上市，体育生袁亮宏... 一位湖南益阳走出的青年，在2012年南下广州，用仅有的3万元，在荔湾区的菜市场里租下一个5平方米的档...

券业首份业绩！中信证券净利首破... 券商行业首份业绩快报出炉。 1月14日晚间，中信证券发布2025年度业绩快报。快报显示，中信证券20...

氧化铝老板：“今年太扎心了！” 在刚刚过去的2025年，尤其是下半年，氧化铝价格一路打滑，甚至是在年末击穿了国内多数氧化铝生产商的现...