将display:table-cell这行代码注释掉也可以实现效果,求这行代码的好处?

来源:6-2 浮动与两侧皆自适应的流体布局

慕少7532173

2016-10-19 21:04

http://img.mukewang.com/58076f1c000150a811620626.jpg

请问为什么要设置display:table-cell; width:2000px?

写回答 关注

2回答

  • _西口褡裢_
    2016-10-23 09:50:13
    已采纳

    display:table-cell会触发BFC,作用是清除浮动影响,例子当中内容少体现不出,当文字足够长你就可以发现文字开始包围图片了(禽兽,放开vivian~)

    慕少7532...

    非常感谢!

    2017-07-04 16:46:09

    共 1 条回复 >

  • 代码有毒
    2017-06-28 23:24:30

    我也是这样的感觉。只要右边内容足够多,就不会有问题。就算加了 display:table-cell 右边内容少的话也有问题。

    不信的话,你试试。所以我觉得这个还是要清除浮动,最小高度至少是 头像的高度才行。不然布局会乱

CSS深入理解之float浮动

课程将会从感性的认识的角度讲解CSS float属性,浮动的前世今生

75969 学习 · 461 问题

查看课程

相似问题