CSS流式布局 仿京东

body {
    width: 100%;
    /* 最小最大宽度 */
    min-width: 320px;
    max-width: 640px;
    /* 居中 */
    margin: 0 auto;
    font-size: 14px;
    font-family: -apple-system, Helvetica, sans-serif;
    color: #666;
    line-height: 1.5;
}


/*点击高亮我们需要清除清除  设置为transparent 完成透明*/

* {
    -webkit-tap-highlight-color: transparent;
}


/*在移动端浏览器默认的外观在iOS上加上这个属性才能给按钮和输入框自定义样式*/

input {
    -webkit-appearance: none;
}


/*禁用长按页面时的弹出菜单*/

img,
a {
    -webkit-touch-callout: none;
}

a {
    color: #666;
    /* 去掉下划线 */
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
    /* 去掉小点 */
    list-style: none;
}


/*  图片底部有空隙 
    https: //www.cnblogs.com/allen2333/p/9026526.html */

img {
    vertical-align: middle;
}

div {
    /* css3 盒子模型 */
    box-sizing: border-box;
}


/* 浮动引起的 父元素高度坍塌 解决（最外层父元素添加clearfix ） */

.clearfix:after {
    content: "";
    display: block;
    line-height: 0;
    visibility: hidden;
    height: 0;
    clear: both;
}