Is there a disadvantage of using `display:table-cell`on divs?

后端 未结 4 2071
独厮守ぢ
独厮守ぢ 2020-11-29 07:42

What I am trying to accomplish is having a fixed-width first div and a fluid second div which will fill up the rest width of the parent div\'s width.

4条回答
  •  無奈伤痛
    2020-11-29 08:27

    display: table-cell is perfectly fine to use, with just one downside..

    It doesn't work in IE7 (or IE6, but who cares?): http://caniuse.com/#search=css-table

    If you don't need to support IE7, then feel free to use it.

    IE7 still has some usage, but you should check your Analytics, and then make a decision.


    To answer your specific use case, you can do it without display: table-cell, provided that you don't need the height to adjust based on content:

    http://jsfiddle.net/g6yB4/

    some content
    some more content

    (why overflow: hidden? With: http://jsfiddle.net/g6yB4/3/ vs without: http://jsfiddle.net/g6yB4/4/)

提交回复
热议问题