老师margin-top，和margin-left 无效
来源：5-2 电梯的水平位置
未来it界的一枚程序媛
2020-04-17 18:04:26
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>慕淘网</title>
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/common.css">
</head>
<body>
<!-- 站点导航 -->
<div class="nav-site">
<div class="container">
<ul class="fl">
<li class="fl"><a href="javascript:;" class="nav-site-login">亲，请登录</a></li>
<li class="fl"><a href="javascript:;" class="nav-site-signup link">免费注册</a></li>
<li class="fl"><a href="###" targat="_blank" class="nav-site-mobile link">手机逛慕淘</a></li>
</ul>
<ul class="fr">
<li class="menu dropdown fl" data-active="menu">
<a href="###" target="_blank" class="dropdown-toggle link transition">我的慕淘<i class="dropdown-arrow icon transition"></i></a>
<ul class="dropdown-layer dropdown-left">
<li><a href="###" target="_blank" class="menu-item">已买到的宝贝</a></li>
<li><a href="###" target="_blank" class="menu-item">我的足迹</a></li>
</ul>
</li>
<li class="menu dropdown fl" data-active="menu">
<a href="###" target="_blank" class="dropdown-toggle link transition">收藏夹<i class="dropdown-arrow icon transition"></i></a>
<ul class="dropdown-layer dropdown-left">
<li><a href="###" target="_blank" class="menu-item">收藏的宝贝</a></li>
<li><a href="###" target="_blank" class="menu-item">收藏的店铺</a></li>
</ul>
</li>
<li class="fl">
<a href="###" target="_blank" class="nav-site-category link">商品分类</a>
</li>
<li class="menu dropdown fl" data-active="menu" data-load="js/dropdown-seller.json">
<a href="###" target="_blank" class="dropdown-toggle link transition">卖家中心<i class="dropdown-arrow icon transition"></i></a>
<ul class="dropdown-layer dropdown-left">
<li class="dropdown-loading"></li>
<!-- <li><a href="###" target="_blank" class="menu-item">免费开店</a></li>
<li><a href="###" target="_blank" class="menu-item">已卖出的宝贝</a></li>
<li><a href="###" target="_blank" class="menu-item">出售中的宝贝</a></li>
<li><a href="###" target="_blank" class="menu-item">卖家服务市场</a></li>
<li><a href="###" target="_blank" class="menu-item">卖家培训中心</a></li>
<li><a href="###" target="_blank" class="menu-item">体验中心</a></li> -->
</ul>
</li>
<li class="nav-site-service menu dropdown fl" data-active="menu">
<a href="###" target="_blank" class="dropdown-toggle link transition">联系客服<i class="dropdown-arrow icon transition"></i></a>
<ul class="dropdown-layer dropdown-right">
<li><a href="###" target="_blank" class="menu-item">消费者客服</a></li>
<li><a href="###" target="_blank" class="menu-item">卖家客服</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!-- 头部 -->
<div class="header">
<div class="container">
<!-- logo -->
<h1 class="fl"><a href="./index.html" class="header-logo text-hidden" target="_blank">慕课网</a></h1>
<!-- 搜索框 -->
<div id="header-search" class="search fl">
<form action="https://s.taobao.com/search" class="search-form">
<input type="text" name="q" placeholder="灵魂美食一元抢" autocomplete="off" class="search-inputbox fl"/>
<input type="submit" value="搜索" class="search-btn fl"/>
</form>
<ul class="search-layer">
<!-- <li class="search-layer-item text-ellipsis">111</li>
<li class="search-layer-item text-ellipsis">111</li>
<li class="search-layer-item text-ellipsis">111</li> -->
</ul>
</div>
<!-- 购物车 -->
<div class="cart dropdown fr" data-active="cart" data-load="js/cart.json">
<a href="###" class="dropdown-toggle link transition"><em class="icon"></em><span>购物车</span><span>|</span><span class="things-num">0</span><i class="dropdown-arrow icon transition"></i></a>
<div class="dropdown-layer">
<div class="dropdown-loading"></div>
<!-- <li class="custom-box">
<a href="###" class="title">最新加入的商品</a>
<div class="custom-content">
<ul class="custom-wrap"></ul>
</div>
<div class="totol"><span>共 0 件商品 ¥ 0.00</span><input type="button" class="cart-btn" value="去购物车"></div>
</li> -->
</div>
</div>
</div>
</div>
<!-- 主导航 -->
<div class="nav-main">
<div class="container">
<a href="#" class="link">数码城</a
><a href="#" class="link">天黑黑</a
><a href="#" class="link">团购</a
><a href="#" class="link">发现</a
><a href="#" class="link">二手特价</a
><a href="#" class="link">名品汇</a>
</div>
</div>
<!-- 焦点区 -->
<div class="focus">
<div class="container">
<!-- 商品分类 -->
<div id="focus-category" class="category fl">
<a href="###" target="_blank" class="category-title"><i class="icon"></i>商品分类</a>
<ul class="category-list">
<li class="dropdown" data-active="category" data-load="js/category/category-detail-1.json">
<div class="dropdown-toggle">
<a href="###" target="_blank" class="dropdown-link">家用电器</a>
<i class="dropdown-arrow">></i>
</div>
<div class="dropdown-layer">
<div class="dropdown-loading"></div>
</div>
</li>
<li class="dropdown" data-active="category" data-load="js/category/category-detail-2.json">
<div class="dropdown-toggle">
<a href="###" target="_blank" class="dropdown-link">手机</a
>、<a href="###" target="_blank" class="dropdown-link">运营商</a
>、<a href="###" target="_blank" class="dropdown-link">数码</a>
<i class="dropdown-arrow">></i>
</div>
<div class="dropdown-layer">
<div class="dropdown-loading"></div>
</div>
</li>
<li class="dropdown" data-active="category" data-load="js/category/category-detail-3.json">
<div class="dropdown-toggle">
<a href="###" target="_blank" class="dropdown-link">电脑</a
>、<a href="###" target="_blank" class="dropdown-link">办公</a>
<i class="dropdown-arrow">></i>
</div>
<div class="dropdown-layer">
<div class="dropdown-loading"></div>
</div>
</li>
<li class="dropdown" data-active="category" data-load="js/category/category-detail-4.json">
<div class="dropdown-toggle">
<a href="###" target="_blank" class="dropdown-link">家居</a
>、<a href="###" target="_blank" class="dropdown-link">家具</a
>、<a href="###" target="_blank" class="dropdown-link">家装</a
>、<a href="###" target="_blank" class="dropdown-link">厨具</a>
<i class="dropdown-arrow">></i>
</div>
<div class="dropdown-layer">
<div class="dropdown-loading"></div>
</div>
</li>
<li class="dropdown" data-active="category" data-load="js/category/category-detail-5.json">
<div class="dropdown-toggle">
<a href="###" target="_blank" class="dropdown-link">男装</a
>、<a href="###" target="_blank" class="dropdown-link">女装</a
>、<a href="###" target="_blank" class="dropdown-link">童装</a
>、<a href="###" target="_blank" class="dropdown-link">内衣</a>
<i class="dropdown-arrow">></i>
</div>
<div class="dropdown-layer">
<div class="dropdown-loading"></div>
</div>
</li>
<li class="dropdown" data-active="category" data-load="js/category/category-detail-6.json">
<div class="dropdown-toggle">
<a href="###" target="_blank" class="dropdown-link">化妆</a
>、<a href="###" target="_blank" class="dropdown-link">清洁</a
>、<a href="###" target="_blank" class="dropdown-link">宠物</a>
<i class="dropdown-arrow">></i>
</div>
<div class="dropdown-layer">
<div class="dropdown-loading"></div>
</div>
</li>
<li class="dropdown" data-active="category" data-load="js/category/category-detail-7.json">
<div class="dropdown-toggle">
<a href="###" target="_blank" class="dropdown-link">运动户外</a
>、<a href="###" target="_blank" class="dropdown-link">钟表</a>
<i class="dropdown-arrow">></i>
</div>
<div class="dropdown-layer">
<div class="dropdown-loading"></div>
</div>
</li>
<li class="dropdown" data-active="category" data-load="js/category/category-detail-8.json">
<div class="dropdown-toggle">
<a href="###" target="_blank" class="dropdown-link">汽车</a
>、<a href="###" target="_blank" class="dropdown-link">汽车用品</a>
<i class="dropdown-arrow">></i>
</div>
<div class="dropdown-layer">
<div class="dropdown-loading"></div>
</div>
</li>
<li class="dropdown" data-active="category" data-load="js/category/category-detail-9.json">
<div class="dropdown-toggle">
<a href="###" target="_blank" class="dropdown-link">母婴</a
>、<a href="###" target="_blank" class="dropdown-link">玩具乐器</a>
<i class="dropdown-arrow">></i>
</div>
<div class="dropdown-layer">
<div class="dropdown-loading"></div>
</div>
</li>
<li class="dropdown" data-active="category" data-load="js/category/category-detail-10.json">
<div class="dropdown-toggle">
<a href="###" target="_blank" class="dropdown-link">食品</a
>、<a href="###" target="_blank" class="dropdown-link">酒类</a
>、<a href="###" target="_blank" class="dropdown-link">生鲜</a
>、<a href="###" target="_blank" class="dropdown-link">特产</a>
<i class="dropdown-arrow">></i>
</div>
<div class="dropdown-layer">
<div class="dropdown-loading"></div>
</div>
</li>
<li class="dropdown" data-active="category" data-load="js/category/category-detail-11.json">
<div class="dropdown-toggle">
<a href="###" target="_blank" class="dropdown-link">医药保健</a>
<i class="dropdown-arrow">></i>
</div>
<div class="dropdown-layer">
<div class="dropdown-loading"></div>
</div>
</li>
<li class="dropdown" data-active="category" data-load="js/category/category-detail-12.json">
<div class="dropdown-toggle">
<a href="###" target="_blank" class="dropdown-link">图书</a
>、<a href="###" target="_blank" class="dropdown-link">音像</a
>、<a href="###" target="_blank" class="dropdown-link">电子书</a>
<i class="dropdown-arrow">></i>
</div>
<div class="dropdown-layer">
<div class="dropdown-loading"></div>
</div>
</li>
<li class="dropdown" data-active="category" data-load="js/category/category-detail-13.json">
<div class="dropdown-toggle">
<a href="###" target="_blank" class="dropdown-link">彩票</a
>、<a href="###" target="_blank" class="dropdown-link">旅行</a
>、<a href="###" target="_blank" class="dropdown-link">充值</a
>、<a href="###" target="_blank" class="dropdown-link">票务</a>
<i class="dropdown-arrow">></i>
</div>
<div class="dropdown-layer">
<div class="dropdown-loading"></div>
</div>
</li>
<li class="dropdown" data-active="category" data-load="js/category/category-detail-14.json">
<div class="dropdown-toggle">
<a href="###" target="_blank" class="dropdown-link">理财</a
>、<a href="###" target="_blank" class="dropdown-link">众筹</a
>、<a href="###" target="_blank" class="dropdown-link">白条</a
>、<a href="###" target="_blank" class="dropdown-link">保险</a>
<i class="dropdown-arrow">></i>
</div>
<div class="dropdown-layer">
<div class="dropdown-loading"></div>
</div>
</li>
</ul>
</div>
<!-- 轮播图 -->
<div id="focus-slider" class="slider fl">
<div class="slider-container">
<div class="slider-item">
<a href="###" target="_blank"><img src="img/focus-slider/loading.gif" data-src="img/focus-slider/1.png" alt="" class="slider-img"></a>
</div>
<div class="slider-item">
<a href="###" target="_blank"><img src="img/focus-slider/loading.gif" data-src="img/focus-slider/2.png" alt="" class="slider-img"></a>
</div>
<div class="slider-item">
<a href="###" target="_blank"><img src="img/focus-slider/loading.gif" data-src="img/focus-slider/3.png" alt="" class="slider-img"></a>
</div>
<div class="slider-item">
<a href="###" target="_blank"><img src="img/focus-slider/loading.gif" data-src="img/focus-slider/4.png" alt="" class="slider-img"></a>
</div>
</div>
<ol class="slider-indicator-wrap">
<li class="slider-indicator text-hidden fl">1</li>
<li class="slider-indicator text-hidden fl">2</li>
<li class="slider-indicator text-hidden fl">3</li>
<li class="slider-indicator text-hidden fl">4</li>
</ol>
<a href="javascript:;" class="slider-control slider-control-left"><</a>
<a href="javascript:;" class="slider-control slider-control-right">></a>
</div>
<!-- 右边侧栏 -->
<div class="focus-sidebar fr">
<div class="focus-news">
<div class="focus-news-head">
<h2 class="focus-news-title fl">慕快报</h2>
<a href="###" target="_blank" class="link fr">更多 ></a>
</div>
<div class="focus-news-body">
<p class="text-ellipsis">
<a href="###" target="_blank" class="link"><strong>[特惠] </strong>精选图书美满150减50</a>
</p>
<p class="text-ellipsis">
<a href="###" target="_blank" class="link"><strong>[公告] </strong>因广州图书仓搬仓升级配送延</a>
</p>
<p class="text-ellipsis">
<a href="###" target="_blank" class="link"><strong>[特惠] </strong>爆款手机12期免息 抽奖赢电视</a>
</p>
<p class="text-ellipsis">
<a href="###" target="_blank" class="link"><strong>[公告] </strong>广东、福建受台风影响配送延</a>
</p>
<p class="text-ellipsis">
<a href="###" target="_blank" class="link"><strong>[特惠] </strong>大闸蟹领券满399减180</a>
</p>
</div>
</div>
<div class="focus-service">
<a href="###" target="_blank" class="focus-service-item fl">
<i class="icon focus-service-icon"></i>
<span class="focus-service-text">话费</span>
</a>
<a href="###" target="_blank" class="focus-service-item fl">
<i class="icon focus-service-icon"></i>
<span class="focus-service-text">机票</span>
</a>
<a href="###" target="_blank" class="focus-service-item fl">
<i class="icon focus-service-icon"></i>
<span class="focus-service-text">电影票</span>
</a>
<a href="###" target="_blank" class="focus-service-item fl">
<i class="icon focus-service-icon"></i>
<span class="focus-service-text">游戏</span>
</a>
<a href="###" target="_blank" class="focus-service-item fl">
<i class="icon focus-service-icon"></i>
<span class="focus-service-text">彩票</span>
</a>
<a href="###" target="_blank" class="focus-service-item fl">
<i class="icon focus-service-icon"></i>
<span class="focus-service-text">加油卡</span>
</a>
<a href="###" target="_blank" class="focus-service-item fl">
<i class="icon focus-service-icon"></i>
<span class="focus-service-text">酒店</span>
</a>
<a href="###" target="_blank" class="focus-service-item fl">
<i class="icon focus-service-icon"></i>
<span class="focus-service-text">火车票</span>
</a>
<a href="###" target="_blank" class="focus-service-item fl">
<i class="icon focus-service-icon"></i>
<span class="focus-service-text">众筹</span>
</a>
<a href="###" target="_blank" class="focus-service-item fl">
<i class="icon focus-service-icon"></i>
<span class="focus-service-text">理财</span>
</a>
<a href="###" target="_blank" class="focus-service-item fl">
<i class="icon focus-service-icon"></i>
<span class="focus-service-text">礼品卡</span>
</a>
<a href="###" target="_blank" class="focus-service-item fl">
<i class="icon focus-service-icon"></i>
<span class="focus-service-text">白条</span>
</a>
</div>
<div class="focus-ad"></div>
</div>
</div>
</div>
<!-- 今日推荐 -->
<div class="todays">
<div class="container">
<div id="todays-slider" class="slider">
<div class="slider-container">
<div class="slider-item">
<a href="###" target="_blank" class="fl"><img src="img/focus-slider/loading.gif" data-src="img/todays-slider/1.png" alt="" class="slider-img"></a>
<a href="###" target="_blank" class="fl"><img src="img/todays-slider/loading.gif" data-src="img/todays-slider/2.png" alt="" class="slider-img"></a>
<a href="###" target="_blank" class="fl"><img src="img/todays-slider/loading.gif" data-src="img/todays-slider/3.png" alt="" class="slider-img"></a>
<a href="###" target="_blank" class="fl"><img src="img/todays-slider/loading.gif" data-src="img/todays-slider/4.png" alt="" class="slider-img"></a>
<a href="###" target="_blank" class="fl"><img src="img/todays-slider/loading.gif" data-src="img/todays-slider/5.png" alt="" class="slider-img"></a>
</div>
<div class="slider-item">
<a href="###" target="_blank" class="fl"><img src="img/todays-slider/loading.gif" data-src="img/todays-slider/6.png" alt="" class="slider-img"></a>
<a href="###" target="_blank" class="fl"><img src="img/todays-slider/loading.gif" data-src="img/todays-slider/7.png" alt="" class="slider-img"></a>
<a href="###" target="_blank" class="fl"><img src="img/todays-slider/loading.gif" data-src="img/todays-slider/8.png" alt="" class="slider-img"></a>
<a href="###" target="_blank" class="fl"><img src="img/todays-slider/loading.gif" data-src="img/todays-slider/9.png" alt="" class="slider-img"></a>
<a href="###" target="_blank" class="fl"><img src="img/todays-slider/loading.gif" data-src="img/todays-slider/10.png" alt="" class="slider-img"></a>
</div>
<div class="slider-item">
<a href="###" target="_blank" class="fl"><img src="img/todays-slider/loading.gif" data-src="img/todays-slider/11.png" alt="" class="slider-img"></a>
<a href="###" target="_blank" class="fl"><img src="img/todays-slider/loading.gif" data-src="img/todays-slider/1.png" alt="" class="slider-img"></a>
<a href="###" target="_blank" class="fl"><img src="img/todays-slider/loading.gif" data-src="img/todays-slider/2.png" alt="" class="slider-img"></a>
<a href="###" target="_blank" class="fl"><img src="img/todays-slider/loading.gif" data-src="img/todays-slider/3.png" alt="" class="slider-img"></a>
<a href="###" target="_blank" class="fl"><img src="img/todays-slider/loading.gif" data-src="img/todays-slider/4.png" alt="" class="slider-img"></a>
</div>
</div>
<a href="javascript:;" class="slider-control slider-control-left"><</a>
<a href="javascript:;" class="slider-control slider-control-right">></a>
</div>
</div>
</div>
<!-- 楼层 -->
<!-- floor1 -->
<div class="floor">
<div class="container">
<img src="img/floor-loading.gif" alt="">
<!-- <div class="floor-head">
<h2 class="floor-title fl"><span class="floor-title-num">1F</span><span class="floor-title-text">服装鞋包</span></h2>
<ul class="tab-item-wrap fr">
<li class="fl"><a href="javascript:;" class="tab-item tab-item-active">大牌</a></li>
<li class="floor-diveder fl text-hidden">分割线</li>
<li class="fl"><a href="javascript:;" class="tab-item">男装</a></li>
<li class="floor-diveder fl text-hidden">分割线</li>
<li class="fl"><a href="javascript:;" class="tab-item">女装</a></li>
</ul>
</div>
<div class="floor-body">
<ul class="tab-panel">
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/1/1.png" alt=""></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">匡威男棒球开衫外套2015</a></p>
<p class="floor-item-price">￥479</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/1/2.png" alt=""></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">adidas 阿迪达斯 训练 男子</a></p>
<p class="floor-item-price">￥335</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/1/3.png" alt=""></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">必迈BMAI一体织跑步短袖T恤</a></p>
<p class="floor-item-price">￥159</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/1/4.png" alt=""></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">NBA袜子半毛圈运动高邦棉袜</a></p>
<p class="floor-item-price">￥65</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/1/5.png" alt=""></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">特步官方运动帽男女帽子2016</a></p>
<p class="floor-item-price">￥69</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/1/6.png" alt=""></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">KELME足球训练防寒防风手套</a></p>
<p class="floor-item-price">￥4999</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/1/7.png" alt=""></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">战地吉普三合一冲锋衣</a></p>
<p class="floor-item-price">￥289</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/1/8.png" alt=""></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">探路者户外男士徒步鞋</a></p>
<p class="floor-item-price">￥369</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/1/9.png" alt=""></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">羽绒服2015秋冬新款轻薄男士</a></p>
<p class="floor-item-price">￥399</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/1/10.png" alt=""></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">溯溪鞋涉水鞋户外鞋</a></p>
<p class="floor-item-price">￥689</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/1/11.png" alt=""></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">旅行背包多功能双肩背包</a></p>
<p class="floor-item-price">￥269</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/1/12.png" alt=""></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">户外旅行双肩背包OS0099</a></p>
<p class="floor-item-price">￥99</p>
</li>
</ul>
<ul class="tab-panel">
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/2/1.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">匡威男棒球开衫外套2015</a></p>
<p class="floor-item-price">￥479</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/2/2.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">adidas 阿迪达斯 训练 男子</a></p>
<p class="floor-item-price">￥335</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/2/3.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">必迈BMAI一体织跑步短袖T恤</a></p>
<p class="floor-item-price">￥159</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/2/4.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">NBA袜子半毛圈运动高邦棉袜</a></p>
<p class="floor-item-price">￥65</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/2/5.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">特步官方运动帽男女帽子2016</a></p>
<p class="floor-item-price">￥69</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/2/6.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">KELME足球训练防寒防风手套</a></p>
<p class="floor-item-price">￥4999</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/2/7.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">战地吉普三合一冲锋衣</a></p>
<p class="floor-item-price">￥289</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/2/8.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">探路者户外男士徒步鞋</a></p>
<p class="floor-item-price">￥369</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/2/9.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">羽绒服2015秋冬新款轻薄男士</a></p>
<p class="floor-item-price">￥399</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/2/10.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">溯溪鞋涉水鞋户外鞋</a></p>
<p class="floor-item-price">￥689</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/2/11.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">旅行背包多功能双肩背包</a></p>
<p class="floor-item-price">￥269</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/2/12.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">户外旅行双肩背包OS0099</a></p>
<p class="floor-item-price">￥99</p>
</li>
</ul>
<ul class="tab-panel">
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/3/1.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">匡威男棒球开衫外套2015</a></p>
<p class="floor-item-price">￥479</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/3/2.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">adidas 阿迪达斯 训练 男子</a></p>
<p class="floor-item-price">￥335</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/3/3.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">必迈BMAI一体织跑步短袖T恤</a></p>
<p class="floor-item-price">￥159</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/3/4.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">NBA袜子半毛圈运动高邦棉袜</a></p>
<p class="floor-item-price">￥65</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/3/5.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">特步官方运动帽男女帽子2016</a></p>
<p class="floor-item-price">￥69</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/3/6.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">KELME足球训练防寒防风手套</a></p>
<p class="floor-item-price">￥4999</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/3/7.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">战地吉普三合一冲锋衣</a></p>
<p class="floor-item-price">￥289</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/3/8.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">探路者户外男士徒步鞋</a></p>
<p class="floor-item-price">￥369</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/3/9.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">羽绒服2015秋冬新款轻薄男士</a></p>
<p class="floor-item-price">￥399</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/3/10.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">溯溪鞋涉水鞋户外鞋</a></p>
<p class="floor-item-price">￥689</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/3/11.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">旅行背包多功能双肩背包</a></p>
<p class="floor-item-price">￥269</p>
</li>
<li class="floor-item fl">
<p class="floor-item-pic"><a href="###" target="_blank"><img src="img/floor/loading.gif" class="floor-img" data-src="img/floor/1/3/12.png" alt="" /></a></p>
<p class="floor-item-name"><a href="###" target="_blank" class="link">户外旅行双肩背包OS0099</a></p>
<p class="floor-item-price">￥99</p>
</li>
</ul>
</div> -->
</div>
</div>
<!-- floor2 -->
<div class="floor">
<div class="container">
<img src="img/floor-loading.gif" alt="">
</div>
</div>
<!-- floor3 -->
<div class="floor">
<div class="container">
<img src="img/floor-loading.gif" alt="">
</div>
</div>
<!-- floor4 -->
<div class="floor">
<div class="container">
<img src="img/floor-loading.gif" alt="">
</div>
</div>
<!-- floor5 -->
<div class="floor floor-last">
<div class="container">
<img src="img/floor-loading.gif" alt="">
</div>
</div>
<!-- 电梯 elevator -->
<div id="elevator" class="elevator container">
<a href="javascript:;" class="elevator-item elevator-active">
<span class="elevator-num">F1</span>
<span class="elevator-text">服饰</span>
</a>
<a href="javascript:;" class="elevator-item">
<span class="elevator-num">F2</span>
<span class="elevator-text">美妆</span>
</a>
<a href="javascript:;" class="elevator-item">
<span class="elevator-num">F3</span>
<span class="elevator-text">手机</span>
</a>
<a href="javascript:;" class="elevator-item">
<span class="elevator-num">F4</span>
<span class="elevator-text">家电</span>
</a>
<a href="javascript:;" class="elevator-item">
<span class="elevator-num">F5</span>
<span class="elevator-text">数码</span>
</a>
</div>
<!-- <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> CDN-->
<script>
window.jQuery || document.write('<script src="js/jquery.js"><\/script>');
</script>
<script src="js/transition.js"></script>
<script src="js/showHide.js"></script>
<script src="js/dropdown.js"></script>
<script src="js/search.js"></script>
<script src="js/move.js"></script>
<script src="js/slider.js"></script>
<script src="js/tab.js"></script>
<script src="js/index.js"></script>
</body>
</html>
/* nav-site */
.nav-site{
width: 100%;
background-color: #f5f3f7;
}
.nav-site .container{
height: 44px;
line-height: 44px;
border-bottom: 1px solid #cdd0d4;
}
.nav-site-login{
margin-left: 15px;
color: #f01414;
margin-right: 10px;
}
.nav-site-signup{
margin-right: 10px;
}
.nav-site-mobile{
margin-right: 15px;
}
/* 图标 */
@font-face {font-family: "iconfont";
src: url('font/iconfont.eot?t=1585894943176'); /* IE9 */
src: url('font/iconfont.eot?t=1585894943176#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
url('font/iconfont.woff?t=1585894943176') format('woff'),
url('font/iconfont.ttf?t=1585894943176') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('font/iconfont.svg?t=1585894943176#iconfont') format('svg'); /* iOS 4.1- */
}
.icon {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* header */
.header{
width:100%;
height: 124px;
background-color: #f3f5f7;
}
.header-logo{
display: block;
width: 136px;
height: 48px;
background: url('../img/header-logo.png');
margin: 36px 0 0 15px;
}
.header-logo,
.header .search,
.header .cart{
margin-top: 36px;
}
.header .search{
margin-left: 145px;
}
/* nav-main */
.nav-main{
width: 100%;
height: 48px;
background-color: #07111b;
margin-bottom: 8px;
text-indent: 182px;
}
.nav-main .link{
line-height: 48px;
color: #fff;
font-size: 14px;
margin-left: 50px;
}
/* focus */
.focus{
width: 100%;
height: 504px;
background-color: #fff;
margin-bottom: 8px;
}
.focus .slider{
margin-left: 8px;
}
.focus-sidebar{
width: 249px;
}
.focus-news{
padding: 7px 20px 12px;
background-color: #fff;
border: 1px solid #d9dde1;
border-bottom: none;
}
.focus-news-head{
height: 38px;
line-height: 38px;
}
.focus-news-title{
color: #f01414;
font-size: 16px;
}
.focus-news-body{
line-height: 28px;
}
.focus-service{
background-color: #fff;
border-left: 1px solid #d9dde1;
overflow: hidden;
}
.focus-service-item{
width: 61px;
height: 71px;
border-top: 1px solid #d9dde1;
border-right: 1px solid #d9dde1;
text-align: center;
}
.focus-service-icon,
.focus-service-text{
display: inline-block;
width: 100%;
}
.focus-service-icon{
margin-top: 17px;
color: #f67272;
font-size: 22px;
}
.focus-service-text{
margin-top: 6px;
color: #4d555d;
}
.focus-ad{
width: 100%;
height: 90px;
background: url('../img/focus-ad.png') no-repeat;
}
/* todays */
.todays .slider{
width: 100%;
height: 158px;
margin-bottom: 10px;
}
.todays .slider-img{
width: 240px;
}
/* floor */
.floor{
margin-bottom: 10px;
height: 532px;
}
.floor-head{
height: 68px;
border-bottom: 1px solid #f01414;
}
.floor-title{
margin-top: 22px;
}
.floor-title-num{
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
border-radius: 50%;
background-color: #07111b;
margin-right: 12px;
color: #fff;
text-align: center;
}
.floor-title-text{
color: #07111b;
font-size: 20px;
position: relative;
top: 3px;
}
.floor-body{
height: 464px;
}
.floor-item{
width: 200px;
height: 232px;
text-align: center;
}
.floor-item:hover{
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.floor-item-pic{
margin-top: 24px;
}
.floor-item-name{
margin-top: 24px;
}
.floor-item-name .link{
color: #07111b;
}
.floor-item-price{
margin-top: 11px;
color: #f01414;
font-size: 14px;
font-weight: bold;
}
.floor-head .tab-item-wrap{
height: 62px;
line-height: 62px;
margin-top: 7px;
}
.floor-head .tab-item{
display: inline-block;
margin-right: 16px;
color: #93999f;
font-size: 14px;
}
.floor-head .tab-item-active{
background: url('../img/floor-arrow.png') no-repeat center bottom;
color: #f01414;
}
.floor-diveder{
width: 1px;
height: 14px;
background-color: #d9dde1;
margin: 22px 16px 0 0;
}
.floor-head .tab-panel{
height: 100%;
}
/* elevator */
.elevator{
position: fixed;
top: 50%;
left: 50%;
margin-left: -640px;
margin-top:-90px;
background-color: #f00;
}
.elevator-item{
width: 24px;
height: 35px;
border-top: 1px solid #d9dde1;
display: block;
line-height: 35px;
text-align: center;
color: #4d555d;
}
.elevator-item:hover,
.elevator-active{
color: #f01414;
}
.elevator-num{
}
.elevator-text{
display: none;
}
.elevator-item:hover .elevator-num,
.elevator-active .elevator-num{
display: none;
}
.elevator-item:hover .elevator-text,
.elevator-active .elevator-text{
display: block;
}
1回答
-
好帮手慕言
2020-04-17
同学你好，是受到了类名.container的影响，建议：先引入common.css再引入index.css即可。如下：
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
相似问题