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

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

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

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

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


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

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


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


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

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