寬度固定圾笨，內(nèi)容橫向滾動

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<style type="text/css">
  .banner{
    width: 100%;
    height: 250px;
    background: url(http://images.ali213.net/picfile/pic/2013/05/22/927_bn3.jpg) no-repeat;
    background-size: 100% 100%;
  }
  .overflow{
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin: 10px 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    padding: 10px 0;
  }
  ul{
    margin: 0 15px;
    padding: 0;
    list-style-type: none;
    white-space: nowrap;
  }
  li{
    display: inline-block;
    width: 100%;
    margin: 0 5px 0 0;
    padding: 0;
  }
  li a{
    display: table;
    width: 100%;
    height: 250px;
    border-radius: 3px;
    background-size: cover;
    -webkit-tap-highlight-color: transparent;
  }
</style>
<body>
    <div class="banner"></div>
    <div class="overflow">
    <ul>
      <li>
        <a href="##" style="background-image: url(http://img4q.duitang.com/uploads/people/201503/26/20150326144451_ThA23.thumb.1600_0.jpeg)"></a>
      </li>
      <li>
        <a href="##" style="background-image: url(http://img4q.duitang.com/uploads/files/201503/26/20150326144718_XtXWc.thumb.1600_0.jpeg)"></a>
      </li>
      <li>
        <a href="##" style="background-image: url(http://img4q.duitang.com/uploads/files/201503/26/20150326145005_wmiuM.thumb.1600_0.jpeg)"></a>
      </li>
      <li>
        <a href="##" style="background-image: url(http://img4q.duitang.com/uploads/files/201503/26/20150326145132_225rS.thumb.1600_0.jpeg)"></a>
      </li>
      <li>
        <a href="##" style="background-image: url(http://img4q.duitang.com/uploads/files/201503/26/20150326145245_dcteh.thumb.1600_0.jpeg)"></a>
      </li>
    </ul>
  </div>
</body>
</html>

最后編輯于：2017.12.10 22:54:44

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者

人面猴
序言：七十年代末教馆，一起剝皮案震驚了整個濱河市，隨后出現(xiàn)的幾起案子擂达，更是在濱河造成了極大的恐慌土铺，老刑警劉巖，帶你破解...
沈念sama閱讀 210,914評論 6贊 490
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件板鬓，死亡現(xiàn)場離奇詭異悲敷，居然都是意外死亡，警方通過查閱死者的電腦和手機俭令，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 89,935評論 2贊 383
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進店門后德，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人抄腔，你說我怎么就攤上這事瓢湃。” “怎么了赫蛇？”我有些...
開封第一講書人閱讀 156,531評論 0贊 345
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵箱季，是天一觀的道長。經(jīng)常有香客問我棍掐，道長藏雏，這世上最難降的妖魔是什么？我笑而不...
開封第一講書人閱讀 56,309評論 1贊 282
?港島之戀（遺憾婚禮）
正文為了忘掉前任作煌，我火速辦了婚禮掘殴，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘粟誓。我一直安慰自己奏寨，他們只是感情好，可當(dāng)我...
茶點故事閱讀 65,381評論 5贊 384
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布鹰服。她就那樣靜靜地躺著病瞳，像睡著了一般。火紅的嫁衣襯著肌膚如雪悲酷。梳的紋絲不亂的頭發(fā)上套菜，一...
開封第一講書人閱讀 49,730評論 1贊 289
城市分裂傳說
那天，我揣著相機與錄音设易，去河邊找鬼逗柴。笑死，一個胖子當(dāng)著我的面吹牛顿肺，可吹牛的內(nèi)容都是我干的戏溺。我是一名探鬼主播渣蜗，決...
沈念sama閱讀 38,882評論 3贊 404
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼旷祸！你這毒婦竟也來了耕拷？” 一聲冷哼從身側(cè)響起，我...
開封第一講書人閱讀 37,643評論 0贊 266
萬榮殺人案實錄
序言：老撾萬榮一對情侶失蹤托享，失蹤者是張志新（化名）和其女友劉穎骚烧，沒想到半個月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體嫌吠，經(jīng)...
沈念sama閱讀 44,095評論 1贊 303
?護林員之死
正文獨居荒郊野嶺守林人離奇死亡止潘，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點故事閱讀 36,448評論 2贊 325
?白月光啟示錄
正文我和宋清朗相戀三年，在試婚紗的時候發(fā)現(xiàn)自己被綠了辫诅。大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片凭戴。...
茶點故事閱讀 38,566評論 1贊 339
活死人
序言：一個原本活蹦亂跳的男人離奇死亡，死狀恐怖炕矮，靈堂內(nèi)的尸體忽然破棺而出么夫，到底是詐尸還是另有隱情，我是刑警寧澤肤视，帶...
沈念sama閱讀 34,253評論 4贊 328
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布档痪，位于F島的核電站，受9級特大地震影響邢滑，放射性物質(zhì)發(fā)生泄漏腐螟。R本人自食惡果不足惜，卻給世界環(huán)境...
茶點故事閱讀 39,829評論 3贊 312
男人毒藥：我在死后第九天來索命
文/蒙蒙一困后、第九天我趴在偏房一處隱蔽的房頂上張望乐纸。院中可真熱鬧，春花似錦摇予、人聲如沸汽绢。這莊子的主人今日做“春日...
開封第一講書人閱讀 30,715評論 0贊 21
一樁弒父案侧戴，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽宁昭。三九已至，卻和暖如春酗宋，著一層夾襖步出監(jiān)牢的瞬間积仗，已是汗流浹背。一陣腳步聲響...
開封第一講書人閱讀 31,945評論 1贊 264
情欲美人皮
我被黑心中介騙來泰國打工本缠，沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留斥扛，地道東北人。一個月前我還...
沈念sama閱讀 46,248評論 2贊 360
代替公主和親
正文我出身青樓丹锹，卻偏偏與公主長得像稀颁，于是被迫代替她去往敵國和親。傳聞我的和親對象是個殘疾皇子楣黍，可洞房花燭夜當(dāng)晚...
茶點故事閱讀 43,440評論 2贊 348

寬度固定洲鸠，內(nèi)容橫向滾動

寬度固定圾笨，內(nèi)容橫向滾動

推薦閱讀更多精彩內(nèi)容