可以替代浮动的inline-block

原创 2015年07月09日 21:42:50

浮动有个缺点:脱离了原来的文档流,导致父容器无高度。使用inline-block不会脱离文档流,且无忘记清空浮动的困扰

并排的div都设置position:inline-block,vertical-align:top,width:xx%(百分比)

相关文章推荐

浮动与display:inline-block

有的时候,我们需要使独占一行的两个div能够在一行和谐共处,解决方案大概有两种: 1.为两个div均添加display:line-block属性 2.将两个div都设成浮动的元素 这篇文章将深入...
  • Hukaihe
  • Hukaihe
  • 2016年05月03日 12:50
  • 9132

应不应该使用inline-block代替float

本文由99根据Steven Bradley的《Should You Use Inline-Blocks As A Substitute For Floats?》所译,整个译文带有我们自己的理解与思...

使用浮动布局还是inline-block布局?

在上篇博客中对浮动做了介绍 http://blog.csdn.net/wmaoshu/article/details/52995912 浮动存在的问题也是很明显的,首先他会脱离文档流对父元素兄弟...
  • wmaoshu
  • wmaoshu
  • 2016年11月03日 18:25
  • 789

横向布局中浮动float和inline-block的使用

版权声明:本文为博主原创文章,未经博主允许不得转载。 如果考虑不周之处还请同行朋友指点~~~ 在前端开发过程中CSS横向布局几乎在每个项目中都会所有涉及,这种布局主要有浮动float和inlin...
  • ime33
  • ime33
  • 2017年01月06日 23:15
  • 342

一天搞定CSS: 浮动(float)与inline-block的区别--11

一天搞定CSS: 浮动(float)与inline-block的区别--11

浮动布局 VS 基于display:inline-block的列表布局

一、一抹前言 没有爱的日子,时间如指尖细沙,不知不觉就流逝了。写“CSS float浮动的深入研究、详解及拓展(一)”和“CSS float浮动的深入研究、详解及拓展(二)”似乎就在不久前,...

浮动布局-基于display:inline-block的列表布局

列表浮动布局的局限 列表浮动布局就是指通过使用float属性,让列表元素依次排列的布局(通常是左浮动,float:left)。这是相当常见的也是目前最最主流的列表布局方式,所以这里就不吃咸鱼蘸酱油—...

block 和 inline 的区别

  • 2012年09月27日 15:22
  • 33KB
  • 下载

html在一行内横向排列并排同行同时显示两个多个div盒子的方法(CSS浮动清除float-clear/inline)/办法

01/23/2014, Posted in  移动 Comments: No comments 最近在做一个div css切割,昨晚发现了长期以来一直无记录下来的问题!关于兼容I...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:可以替代浮动的inline-block
举报原因:
原因补充:

(最多只允许输入30个字)