为了账号安全,请及时绑定邮箱和手机立即绑定

改变代码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的宽度是由内容决定的 要想自适应 就需要有一个固定好宽度的东东先占好位 它才能自适应。

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


正在回答

1 回答

问题一,这是可以实现内容容器和头像在一行显示的,宽度足够大,我测试两者的父盒子宽度为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;是无效的。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

改变代码DOM结构的方法

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信