一个盒子模型的最好的布局方式

Question

我是这样布局的，请各位高手看看是否合理
把talkdiv左浮动。lovediv右浮动。
s的小图标左浮动，53右浮动。

s的love左浮动，230右浮动。

窝总感觉我这样很罗嗦，
有什么更好的方案

Answer 1

浮动对浏览器的性能消耗较大，一般的原则是能够避免使用浮动就尽量避免。
如果是我的话，针对这种情况，我的作法应该是：

1. talkDiv, loveDiv全采用 display:inline-block;布局，各占50% with。
2. 上面两个div中的内容居中，里面的文字距离图片给一个margin-left即可。

Answer 2

可以去掉S外面那层DIV吧，直接在S里面写样式。
S外面那层没什么必要。而且你都在S里写了class了，也可以通用这个样式了。

Answer 3

<div class="bottomDiv">
    <s class="left message">56</s>
    <s class="right love">56</s>
</div>

Answer 4

能不用浮动就别用浮动吧，如果我做的话可能会将talkDiv和loveDiv设成inline-block。
不过这种小的内部的浮动似乎也不会影响什么。