问答详情
源自:6-3 浮动与右侧尺寸固定的流体布局

改变代码DOM结构的方法

练习三的向右浮动的为什么不参照练习二向左浮动的来做呢?另个块级元素直接对调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的宽度是由内容决定的 要想自适应 就需要有一个固定好宽度的东东先占好位 它才能自适应。

问题来了:什么叫流体布局?用一个固定大小的东西占位,其他的自适应?


提问者:慕桂英4502047 2015-03-08 11:33

个回答

  • 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;是无效的。