移动端常见div同行自适应布局

在写移动端前台布局时，会出现 ABC三个div在同一行，且AC是固定宽度的，但是B是根据屏幕来自适应宽度的，咋整？





主题他们的头部，是不是自适应宽度啦，超过的用省略号显示了，怎么弄的呢？？

<!-- 顶部导航 -->
<div class="top-nav">
<div class="fl iconfont icon-houtui"></div>
<div class="fr iconfont icon-fenxiang"></div>
<p>厦门-波浪屿四日游波浪屿四日游波1234567890</p>
</div>

其中fl 和 fr 分别表示 float:left float:right

那么P的省略号这么来的？ 见 http://blog.csdn.net/rovast/article/details/50512056
那么图中价格的灰框框0.5px红的1px，这个0.5px怎么来的呢？ 见 http://blog.csdn.net/rovast/article/details/51452162