改变代码DOM结构的方法
来源：6-3 浮动与右侧尺寸固定的流体布局
慕桂英4502047
2015-03-08 11:33
练习三的向右浮动的为什么不参照练习二向左浮动的来做呢？另个块级元素直接对调css不就好了么0.0
试了一下不行，连右边的也加上float:left都不行，为什么？
代码如下：
.mib_full_float { float: left; }
.mib_head_l { display:table-cell;*display:inline-block;width:56px;*width:auto;float:left;}
难道是因为 img本身就是有固定大小的 而div的宽度是由内容决定的 要想自适应 就需要有一个固定好宽度的东东先占好位 它才能自适应。
问题来了：什么叫流体布局？用一个固定大小的东西占位，其他的自适应？
写回答
关注
1回答
-
- hey自然
- 2015-12-17 22:42:16
问题一，这是可以实现内容容器和头像在一行显示的，宽度足够大，我测试两者的父盒子宽度为1200px，就可以实现，这样也很好理解。因为.mib_full_float这个盒子虽然浮动了，因为你没有指定宽度，宽度为子元素最大值，这里是p元素的宽度。当然你可以在不改变父盒子600px大小的情况下去指定.mib_full_float的宽度。
而且.mib_head_l { display:table-cell;*display:inline-block;width:56px;*width:auto;float:left;}这个写法本身就是不合理的，float后变为block，你这样声明display:table-cell;*display:inline-block;是无效的。
CSS深入理解之float浮动
课程将会从感性的认识的角度讲解CSS float属性，浮动的前世今生
75969 学习 · 461 问题
相似问题