清除浮动

.clearfix:before,.clearfix:after{
   content:"";
   display:table;
 }
.clearfix:after{clear:both;}
.clearfix{
  *zoom:1;/*IE/7/6*/
}

文本溢出显示省略号

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

移动端样式重置

body {
            font-family: helvetica;
            margin: 0;
        }

        body * {
            -webkit-user-select: none;
            -webkit-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }
        a, button, input {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
        }
        button, input {
            -webkit-appearance: none;
            border-radius: 0;
        }

        input::-webkit-input-placeholder {
            color: #000;
        }
        input:focus::-webkit-input-placeholder {
            color: #f00;
        }

移动端文本溢出

p{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;  /* 文本显示 2 行 */
    overflow: hidden;
}

后续....