自适应左右对齐的css写法除了浮动还可以怎么写？

Question

好像flexbox也可以，还有其他神奇的写法么？

Answer 1

还可以用绝对定位，然后指定 left 或 right，利用 width 和 padding 巧妙的模拟 float。

<div style="position: relative">
 <div style="position: absolute; width: 100px;>左对齐</div>
 <div style="position: absolute; right: 0; width: 100px;">右对齐</div>
 <div style="padding: 0 115px">中间的内容</div>
</div>

Answer 2

.left,.right{display:inline-block;width:50%;}