Question

几种解决position:fixed 抖动的方法

http://blog.csdn.net/zx_001/article/details/50293709

原创 2015年12月14日 14:19:49 标签：css position 9152 最近在给客户做的手机版网站中用到了position:fixed 来模拟手机APP的底部的导航条，但是在三星手机的浏览器上出现了 抖动的情况，类似于下图这种情况：

在下滑的过程中，底部导航条会跟不上，在其它手机的浏览器里均没有这种情况

这种情况在IE6浏览器下也会出现。

经过查阅资料，总结出以下几种方法解决：

一.给fiexd加上如下CSS样式：

-webkit-transform: translateZ(0);

二.设置body CSS

html, body {height:100%;overflow:auto;margin: 0;}

这种方式可能会影响到页面的整体效果，不建议使用

三.在fiexd内设置position:absolute，如下：

----

</div>

CSS实现div内文字显示两行，超出两行部分省略号显示

https://www.cnblogs.com/zpsong/p/5406494.html

在搭建前台文章列表中，需要实现div内文字显示两行，超出的则省略号显示。

找了很多，都貌似只能一行显示。最后在百度知道找到答案。

答案转自百度知道，题主的自答。

用的是-webkit-私有属性。 text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;

另有回答是通过jquery来实现的 下载Jquery插件：jQuery ellipsis plugin 调用方法： $(document).ready(function() { 　　$('.ellipsis').ellipsis(); }

包裹

内部浮动时，外部 div 不能包裹内部

解决方法 1， 在 浮动的 div 最后面增加一个空的元素，取消浮动

<div class="out">
  <div class="inner">a</div><div class="inner">a</div>
  <div style="clear:both;"></div><!-- 加入不浮动元素 -->
</div>

方法 2

设置外部div的css属性overflow:hidden;zoom:1;这里需要注意，zoom是IE6专有属性设置zoom是为了兼容IE6