相关疑难解决方法(0)

我想要完成的是有一个固定宽度的第一个div和一个流动的第二个div,它将填充父div宽度的剩余宽度.

<div class='clearfix'>
  <div style='float:left; width:100px;'>some content</div>
  <div style='float:left'>some more content</div>
</div>

在这一点上,一切似乎都很好,流畅.

<div style='display:table'>
  <div style='display:table-cell; width:100px;'>some content</div>
  <div style='display:table-cell'>some more content</div>
</div>

我想继续第二个,但我觉得第二个例子将来会给我带来麻烦.

你能提供一些建议或见解吗？

最近我在这里问了一个问题,其中一个答案建议使用display:table和display:table-cell css properties.

通常,UI设计者建议不要使用表格进行布局.如果我在布局时使用这两个css属性怎么办？是否与使用表格进行布局相同？

表格元素和 CSS 显示表格之间有区别吗？通过浏览器绘制时哪个更快？