css - 新手做響應式布局， 斷點過后右側出現空白，求幫助，謝謝。
問題描述
大屏幕的時候還是好的。
斷點過后開始右側有空白。可視區越小，空白就越大……求解救啊！
以下為HTML
<!DOCTYPE html><html lang='zh-CN'><head> <meta charset='utf-8'> <title>100du</title> <meta name='viewport' content='width=device-width, initial-scale=1'> <link rel='stylesheet' href='http://www.gepszalag.com/wenda/css/style.css'></head><body><!--[if lte IE8]><p>你的瀏覽器太老了 請到<a >這里</a>升級</p><![endif]--> <header class='gradient'><p class='city fl'> <em>切換城市：</em> <a href='http://www.gepszalag.com/wenda/3685.html#' class='active'>北京</a> <a href='http://www.gepszalag.com/wenda/3685.html#'>上海</a> <a href='http://www.gepszalag.com/wenda/3685.html#'>廣州</a> <a href='http://www.gepszalag.com/wenda/3685.html#'>深圳</a> <a href='http://www.gepszalag.com/wenda/3685.html#'>長春</a></p> <p class='link fr'> <a href='http://www.gepszalag.com/wenda/3685.html#' class='active'>加盟100度</a> <a href='http://www.gepszalag.com/wenda/3685.html#'>店鋪管理</a></p> </header><!-- .................................................................................................................................. --> <nav><ul class='nav_1 fl'> <li><a href='http://www.gepszalag.com/wenda/3685.html#' class='bg1'></a>美食</li> <li><a href='http://www.gepszalag.com/wenda/3685.html#' class='bg2'></a>夜店</li> <li><a href='http://www.gepszalag.com/wenda/3685.html#' class='bg3'></a>購物</li> <li><a href='http://www.gepszalag.com/wenda/3685.html#' class='bg4'></a>文化</li> <li><a href='http://www.gepszalag.com/wenda/3685.html#' class='bg5'></a>休閑</li></ul><ul class='nav_2 fr'> <li><a href='http://www.gepszalag.com/wenda/3685.html#' class='bg6'></a>燒客空間</li> <li><a href='http://www.gepszalag.com/wenda/3685.html#' class='bg7'></a>知道分子</li> <li><a href='http://www.gepszalag.com/wenda/3685.html#' class='bg8'></a>白吃白拿</li> <li><a href='http://www.gepszalag.com/wenda/3685.html#' class='bg9'></a>燒客論壇</li> <li><a href='http://www.gepszalag.com/wenda/3685.html#' class='bg10'></a>企業俱樂部</li></ul><p><img src='http://www.gepszalag.com/wenda/img/logo.png'></p> </nav><!-- .................................................................................................................................. --> <p id='search'><p class='bar'> <ul class='nav'><li class='active'>搜店</li><li>地址</li><li>優惠券</li><li>全文</li><li>視頻</li> </ul></p><p class='form'> <form action='#'><input type='text' value='例如：好吃的東北菜~' /><input type='submit' value='' /> </form></p><p class='key_text'> <a href='http://www.gepszalag.com/wenda/3685.html#'>金錢豹、</a> <a href='http://www.gepszalag.com/wenda/3685.html#'>大江南、</a> <a href='http://www.gepszalag.com/wenda/3685.html#'>湘水之珠、</a> <a href='http://www.gepszalag.com/wenda/3685.html#'>德瑀樓</a> </br> <a href='http://www.gepszalag.com/wenda/3685.html#'>SOHO尚都、</a> <a href='http://www.gepszalag.com/wenda/3685.html#'>湘味樓...</a></p><p class='img'></p> </p><!-- .................................................................................................................................. --> <p class='warp clear'><main class='fl'> <section class='clear'><p class='options video fl'> <p class='video_title'><h3>WHAT’ HOT</h3><p><img src='http://www.gepszalag.com/wenda/img/video.gif'></p> </p> <video src='http://www.gepszalag.com/wenda/video/movie.ogg' controls='controls'></video> <ul><li><a href='http://www.gepszalag.com/wenda/3685.html#'>現場實錄：杭州機場系統崩潰</a></li><li><a href='http://www.gepszalag.com/wenda/3685.html#'>現場實錄：杭州機場系機場系統崩潰</a></li><li><a href='http://www.gepszalag.com/wenda/3685.html#'>現場實錄：杭州系統崩潰</a></li><li><a href='http://www.gepszalag.com/wenda/3685.html#'>現場實錄：杭州機場系統崩潰</a></li><li><a href='http://www.gepszalag.com/wenda/3685.html#'>現場實錄：杭州機場系機場系統崩潰</a></li><li><a href='http://www.gepszalag.com/wenda/3685.html#'>現場實錄：杭州系統崩潰</a></li> </ul></p><p class='content fr'> <ul class='nav'><li class='active fl'> <h2><strong><em>HOT SHOP </em>紅店鋪</strong></h2></li><li class='gradient fr'> <h2><strong><em>EW SHOP </em>新開張</strong></h2></li> </ul> <p class='con'><ul> <li class='clear'><img src='http://www.gepszalag.com/wenda/img/content/hot_list_pic1.gif'><p class='fr'> <strong><a href='http://www.gepszalag.com/wenda/3685.html#'>御舟和涵珍園國際酒店</a></strong><br> 區域省：朝陽/CBD<br> 人均：180元<br> 人氣：12321<br></p> </li> <li class='clear'><img src='http://www.gepszalag.com/wenda/img/content/hot_list_pic1.gif'><p class='fr'> <strong><a href='http://www.gepszalag.com/wenda/3685.html#'>御舟和涵珍園國際酒店</a></strong><br> 區域省：朝陽/CBD<br> 人均：180元<br> 人氣：12321<br></p> </li> <li class='clear'><img src='http://www.gepszalag.com/wenda/img/content/hot_list_pic1.gif'><p class='fr'> <strong><a href='http://www.gepszalag.com/wenda/3685.html#'>御舟和涵珍園國際酒店</a></strong><br> 區域省：朝陽/CBD<br> 人均：180元<br> 人氣：12321<br></p> </li></ul><a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/more.gif'></a> </p></p> <!-- ................................................................. --> </section> <p class='main_ad'><img src='http://www.gepszalag.com/wenda/img/ad/ad1.jpg'> </p> <section class='clear YODAY'><p class='options fl today'> <p class='new_title'><h2 class='lucky'> <strong>LUCKY YODAY</strong> <span>每日活動</span> <em>2016.6</em></h2> </p> <p class='con clear'><p class='img fl'> <span class='mask'></span> <img src='http://www.gepszalag.com/wenda/img/content/today1.gif'></p><p class='fr text'> <h2><em>02</em><em>11</em> <span>本日主題：電商網站</span> </h2> <p>遲到的榮譽——啦啦啦，現在還寫電商網站，紅燒肉紅燒肉~~</p></p> </p> <p class='calendar'><h2> <span>MON</span> <span>TUE</span> <span>WED</span> <span>THU</span> <span>FRI</span> <span>SAT</span> <span>SUN</span></h2><ol> <li class='normal'>29</li> <li class='normal'>30</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> <li>11</li> <li>12</li> <li>13</li> <li>14</li> <li>15</li> <li>16</li> <li>17</li> <li>18</li> <li>19</li> <li>20</li> <li>21<img src='http://www.gepszalag.com/wenda/img/content/today1.gif' alt='' /></li> <li>22</li> <li>23</li> <li>24</li> <li>25<img info='遲到的榮譽——啦啦啦，現在還寫電商網站，呃好吧，沒詞兒了~~' src='http://www.gepszalag.com/wenda/img/content/today2.gif' alt='' /></li> <li>26</li> <li>27</li> <li>28</li> <li>29<img info='氣質美女，陪誰去過明天的情人節？' src='http://www.gepszalag.com/wenda/img/content/hot10.gif' alt='' /></li> <li>30<img info='帥哥是誰？陪誰去過情人節？' src='http://www.gepszalag.com/wenda/img/content/hot11.gif' alt='' /></li> <li>31</li> <li class='normal'>1</li> <li class='normal'>2</li> <li class='normal'>3</li> <li class='normal'>4</li> <li class='normal'>5</li> <li class='normal'>6</li> <li class='normal'>7</li> <li class='normal'>8</li> <li class='normal'>9</li></ol> </p> <p style='display: none;'><img src='http://www.gepszalag.com/wenda/img/content/today2.gif'><p class='fr'> <h2><strong>MON</strong>本日主題</h2> <p>遲到的榮譽——啦啦啦，現在還寫電商網站，紅燒肉紅燒肉~~</p></p><span></span> </p></p><p class='options fr'> <p class='new_title'><h2 class='recommdne'> <strong>RECOMMDNE</strong> <span>精彩推薦</span></h2> </p> <p class='pic_tab'><ul> <li><a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/content/img1.gif'></a></li> <li style='display: none;'><a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/content/img2.gif'></a></li> <li style='display: none;'><a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/content/img3.gif'></a></li></ul><ol> <li class='active'><img src='http://www.gepszalag.com/wenda/img/content/img1.gif'></li> <li><img src='http://www.gepszalag.com/wenda/img/content/img2.gif'></li> <li><img src='http://www.gepszalag.com/wenda/img/content/img3.gif'></li></ol><p>爸爸去哪啦！</p> </p> <ul class='recommend_list'><li> <em><img src='http://www.gepszalag.com/wenda/img/content/recommend_list1.gif'></em> <a href='http://www.gepszalag.com/wenda/3685.html#'>老店換新顏，豐澤園野重張亮相...</a> <span>14/02/17</span></li><li> <em><img src='http://www.gepszalag.com/wenda/img/content/recommend_list2.gif'></em> <a href='http://www.gepszalag.com/wenda/3685.html#'>生活中哪些商品的包裝有缺陷呢</a> <span>14/02/17</span></li><li> <em><img src='http://www.gepszalag.com/wenda/img/content/recommend_list1.gif'></em> <a href='http://www.gepszalag.com/wenda/3685.html#'>老店換新顏，豐澤園野重張亮相...</a> <span>14/02/17</span></li><li> <em><img src='http://www.gepszalag.com/wenda/img/content/recommend_list2.gif'></em> <a href='http://www.gepszalag.com/wenda/3685.html#'>生活中哪些商品的包裝有缺陷呢</a> <span>14/02/17</span></li><li> <em><img src='http://www.gepszalag.com/wenda/img/content/recommend_list1.gif'></em> <a href='http://www.gepszalag.com/wenda/3685.html#'>老店換新顏，豐澤園野重張亮相...</a> <span>14/02/17</span></li><li> <em><img src='http://www.gepszalag.com/wenda/img/content/recommend_list2.gif'></em> <a href='http://www.gepszalag.com/wenda/3685.html#'>生活中哪些商品的包裝有缺陷呢</a> <span>14/02/17</span></li><li> <em><img src='http://www.gepszalag.com/wenda/img/content/recommend_list1.gif'></em> <a href='http://www.gepszalag.com/wenda/3685.html#'>老店換新顏，豐澤園野重張亮相...</a> <span>14/02/17</span></li><li> <em><img src='http://www.gepszalag.com/wenda/img/content/recommend_list2.gif'></em> <a href='http://www.gepszalag.com/wenda/3685.html#'>生活中哪些商品的包裝有缺陷呢</a> <span>14/02/17</span></li> </ul></p> </section> <section class='clear'><p class='content fl'> <ul class='nav'><li class='active fl'> <h2><strong><em>SUBWAY </em>地鐵交通</strong></h2></li><li class='gradient fr'> <h2><strong><em>MAP </em>生活圈</strong></h2></li> </ul> <p class='con'><img src='http://www.gepszalag.com/wenda/img/content/123.gif'> </p></p><p class='options fr'> <p class='bbs'><h2> <strong><em>BBS </em>論壇</strong><a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/more.gif'> </a></h2><ol> <li class='active'><em>阿瑞斯</em><b>ONE</b><img src='http://www.gepszalag.com/wenda/img/content/bbs_img1.gif'><span>01</span><a href='http://www.gepszalag.com/wenda/3685.html#'>保證你沒見過的古怪餐廳</a><strong>世說新語</strong> </li> <li><em>阿瑞斯</em><b>TWO</b><img src='http://www.gepszalag.com/wenda/img/content/bbs_img1.gif'><span>02</span><a href='http://www.gepszalag.com/wenda/3685.html#'>紅燒肉紅燒肉紅燒肉紅燒肉</a><strong>世說新語</strong> </li> <li><em>阿瑞斯</em><b>THREE</b><img src='http://www.gepszalag.com/wenda/img/content/bbs_img1.gif'><span>03</span><a href='http://www.gepszalag.com/wenda/3685.html#'>地三鮮地三鮮地三鮮地三鮮</a><strong>世說新語</strong> </li> <li><em>阿瑞斯</em><b>FOUR</b><img src='http://www.gepszalag.com/wenda/img/content/bbs_img1.gif'><span>04</span><a href='http://www.gepszalag.com/wenda/3685.html#'>小雞蘑菇小雞蘑菇小雞蘑菇</a><strong>世說新語</strong> </li> <li><em>阿瑞斯</em><b>FIVE</b><img src='http://www.gepszalag.com/wenda/img/content/bbs_img1.gif'><span>05</span><a href='http://www.gepszalag.com/wenda/3685.html#'>電商網站電商網站電商網站</a><strong>世說新語</strong> </li> <li><em>阿瑞斯</em><b>SIX</b><img src='http://www.gepszalag.com/wenda/img/content/bbs_img1.gif'><span>06</span><a href='http://www.gepszalag.com/wenda/3685.html#'>魚魚魚魚魚魚魚魚魚魚魚</a><strong>世說新語</strong> </li> <li><em>阿瑞斯</em><b>SEVEN</b><img src='http://www.gepszalag.com/wenda/img/content/bbs_img1.gif'><span>07</span><a href='http://www.gepszalag.com/wenda/3685.html#'>烤冷面烤冷面烤冷面烤冷面</a><strong>世說新語</strong> </li></ol> </p></p> </section> <!-- ................................................................. --> <p class='main_ad'><img src='http://www.gepszalag.com/wenda/img/ad/ad1.jpg'> </p> <section class='clear'><p class=' know options fl'> <p><h2> <strong><em>LIFESTYLE ADVICE </em>知道分子</strong><a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/more.gif'> </a></h2> </p> <p class='tab'><ul class='gradient'> <li class='active'>有人在問</li> <li>有人知道</li> <li>熱門問題</li></ul> </p> <ul class='list_section tabCon3'><li class='title'> <span class='col1'>標題</span> <span class='col2'>狀態</span></li><li> <span class='col1'><a href='http://www.gepszalag.com/wenda/3685.html#'><em>[<span>休閑</span>]</em> 老北京一尊皇牛</a> </span> <span class='col2'><img src='http://www.gepszalag.com/wenda/img/ico1.gif' alt='' /></span></li><li> <span class='col1'><a href='http://www.gepszalag.com/wenda/3685.html#'><em>[<span>美食</span>]</em> 老北京一尊京一尊京一尊皇牛</a> </span> <span class='col2'><img src='http://www.gepszalag.com/wenda/img/ico2.gif' alt='' /></span></li><li> <span class='col1'><a href='http://www.gepszalag.com/wenda/3685.html#'><em>[<span>休閑</span>]</em> 老北京一尊皇牛</a> </span> <span class='col2'><img src='http://www.gepszalag.com/wenda/img/ico1.gif' alt='' /></span></li><li> <span class='col1'><a href='http://www.gepszalag.com/wenda/3685.html#'><em>[<span>美食</span>]</em> 老北京一尊京一尊京一尊皇牛</a> </span> <span class='col2'><img src='http://www.gepszalag.com/wenda/img/ico2.gif' alt='' /></span></li><li> <span class='col1'><a href='http://www.gepszalag.com/wenda/3685.html#'><em>[<span>休閑</span>]</em> 老北京一尊皇牛</a> </span> <span class='col2'><img src='http://www.gepszalag.com/wenda/img/ico1.gif' alt='' /></span></li> </ul> <p class='soso'><form action='#'> <strong>搜搜誰知道：</strong> <input type='text' /> <input type='submit' value='' /> </form></p></p><p class='options fr'> <p><h2> <strong><em>HOT </em>紅人燒客</strong><a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/more.gif'> </a></h2> </p> <p class='hot_area'> <ul><li><img src='http://www.gepszalag.com/wenda/img/content/hot1.gif' alt='' /></li><li><img src='http://www.gepszalag.com/wenda/img/content/hot2.gif' alt='' /></li><li class='area1'> <p>用戶名：性感寶貝<br />區域：朝陽CBD<br />人氣：124987 </p> <img src='http://www.gepszalag.com/wenda/img/content/hot3.gif' alt='' /></li><li><img src='http://www.gepszalag.com/wenda/img/content/hot4.gif' alt='' /></li><li><img src='http://www.gepszalag.com/wenda/img/content/hot5.gif' alt='' /></li><li class='area2'><img src='http://www.gepszalag.com/wenda/img/content/hot6.gif' alt='' /></li><li class='area2'><img src='http://www.gepszalag.com/wenda/img/content/hot7.gif' alt='' /></li><li><img src='http://www.gepszalag.com/wenda/img/content/hot8.gif' alt='' /></li><li><img src='http://www.gepszalag.com/wenda/img/content/hot9.gif' alt='' /></li><li class='area2'><img src='http://www.gepszalag.com/wenda/img/content/hot10.gif' alt='' /></li><li class='area2'><img src='http://www.gepszalag.com/wenda/img/content/hot11.gif' alt='' /></li> </ul></p></p> </section> <!-- ................................................................. --> <section class='clear'><p class='options fl option_help'> <p><h2> <strong><em>HELP </em>在線幫助</strong></h2> </p> <p class='address clear'><p>您有任何問題，都可以通過全國負費電話，或通過在線客服與我們聯系！</p><ul> <li class='phone fl'>4006-100-516</li> <li >100do.com@live.cn</li></ul> </p> <p class='clear help'><dl class='fl'> <dt>用戶幫助</dt> <dd><a href='http://www.gepszalag.com/wenda/3685.html#'>金幣是什么</a></dd> <dd><a href='http://www.gepszalag.com/wenda/3685.html#'>怎樣查看我的等級</a></dd> <dd><a href='http://www.gepszalag.com/wenda/3685.html#'>怎么賺積分</a></dd></dl><dl class='fr'> <dt>商戶幫助</dt> <dd><a href='http://www.gepszalag.com/wenda/3685.html#'>如何成為明星商戶</a></dd> <dd><a href='http://www.gepszalag.com/wenda/3685.html#'>郵件推廣</a></dd> <dd><a href='http://www.gepszalag.com/wenda/3685.html#'>論壇推廣方法</a></dd></dl> </p></p><p class='options fr options_6'> <p><h2> <strong><em>100DU IN THE MEDIA </em>媒體聲音</strong><a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/more.gif'> </a></h2> </p> <p class='media'><li><a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/content/media1.gif' alt='1' /></a><p>日本最大的財經雜志《鉆石周刊》對100度享樂網的報道</p></li><li> <a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/content/media2.gif' alt='2' /></a> <p>視頻網站100度享樂網獲得網絡視聽許可證</p></li><li> <a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/content/media3.gif' alt='3' /></a> <p>互聯網上的視頻櫥窗</p></li><li> <a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/content/media4.gif' alt='4' /></a> <p>享樂主義的機會</p></li> </p></p> </section></main><!-- .................................................................................................................................. --><aside class='fr'> <p class='side_options login'><p class='login'> <h2 class='gradient'><em>LOAD </em>登陸</h2><p class='form'><form action='#'> <ul><li> <span>用戶名：</span> <input type='text' /> <label><input type='checkbox' /><strong>記住我</strong> </label></li><li> <span>密 碼：</span> <input type='password' /> <input type='submit' value='登陸' /></li> </ul></form> </p> <p><a href='http://www.gepszalag.com/wenda/3685.html#'>新用戶注冊</a><a href='http://www.gepszalag.com/wenda/3685.html#'>忘記密碼了</a> </p></p> </p> <!-- ................................................................. --> <p class='side_ad'><img src='http://www.gepszalag.com/wenda/img/ad/ad2.jpg'> </p> <p class='side_ad side_ad2'><img src='http://www.gepszalag.com/wenda/img/ad/ad3.jpg'> </p> <!-- ................................................................. --> <p class='side_options'><p> <h2><strong><em>COUPONS </em>搶券</strong><a href='http://www.gepszalag.com/wenda/3685.html#'> <img src='http://www.gepszalag.com/wenda/img/more.gif'></a> </h2> </p><p class='tab'><ul class='gradient'> <li class='active'>人氣</li> <li>推薦</li> <li>最新</li></ul></p><p> <ul class='list_section tabCon3'> <li class='title'><span class='col1'>標題</span><span class='col2'>狀態</span> </li> <li><span class='col1'> <a href='http://www.gepszalag.com/wenda/3685.html#'><em>[<span>休閑</span>]</em> 老北京一尊皇牛</a></span><span class='col2'><img src='http://www.gepszalag.com/wenda/img/ico1.gif' alt='' /></span> </li> <li><span class='col1'> <a href='http://www.gepszalag.com/wenda/3685.html#'><em>[<span>美食</span>]</em> 老北京一尊京</a></span><span class='col2'><img src='http://www.gepszalag.com/wenda/img/ico2.gif' alt='' /></span> </li> <li><span class='col1'> <a href='http://www.gepszalag.com/wenda/3685.html#'><em>[<span>休閑</span>]</em> 老北京一尊皇牛</a></span><span class='col2'><img src='http://www.gepszalag.com/wenda/img/ico1.gif' alt='' /></span> </li> <li><span class='col1'> <a href='http://www.gepszalag.com/wenda/3685.html#'><em>[<span>美食</span>]</em> 老北京一尊京</a></span><span class='col2'><img src='http://www.gepszalag.com/wenda/img/ico2.gif' alt='' /></span> </li> <li><span class='col1'> <a href='http://www.gepszalag.com/wenda/3685.html#'><em>[<span>休閑</span>]</em> 老北京一尊皇牛</a></span><span class='col2'><img src='http://www.gepszalag.com/wenda/img/ico1.gif' alt='' /></span> </li></ul></p> </p> <!-- ................................................................. --> <p class='side_options shop'><p> <h2><strong><em>SHOP </em>今日推薦</strong><a href='http://www.gepszalag.com/wenda/3685.html#'> <img src='http://www.gepszalag.com/wenda/img/more.gif'></a> </h2> </p><p> <ul class='pic_list'><li class='clear'> <p class='fl img'><a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/content/pic1.gif'></a> </p> <p class='fr'><h3><a href='http://www.gepszalag.com/wenda/3685.html#'>漢萊國際美食百匯</a></h3><p> 口味：<a href='http://www.gepszalag.com/wenda/3685.html#'>創意中餐</a><br> 區域：<a href='http://www.gepszalag.com/wenda/3685.html#'>朝陽/CBD</a></p> </p></li><li class='clear'> <p class='fl img'><a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/content/pic1.gif'></a> </p> <p class='fr'><h3><a href='http://www.gepszalag.com/wenda/3685.html#'>漢萊國際美食百匯</a></h3><p> 口味：<a href='http://www.gepszalag.com/wenda/3685.html#'>創意中餐</a><br> 區域：<a href='http://www.gepszalag.com/wenda/3685.html#'>朝陽/CBD</a></p> </p></li><li class='clear'> <p class='fl img'><a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/content/pic1.gif'></a> </p> <p class='fr'><h3><a href='http://www.gepszalag.com/wenda/3685.html#'>漢萊國際美食百匯</a></h3><p> 口味：<a href='http://www.gepszalag.com/wenda/3685.html#'>創意中餐</a><br> 區域：<a href='http://www.gepszalag.com/wenda/3685.html#'>朝陽/CBD</a></p> </p></li><li class='clear'> <p class='fl img'><a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/content/pic1.gif'></a> </p> <p class='fr'><h3><a href='http://www.gepszalag.com/wenda/3685.html#'>漢萊國際美食百匯</a></h3><p> 口味：<a href='http://www.gepszalag.com/wenda/3685.html#'>創意中餐</a><br> 區域：<a href='http://www.gepszalag.com/wenda/3685.html#'>朝陽/CBD</a></p> </p></li> </ul></p> </p> <!-- ................................................................. --> <p class='side_options shop_360'><p> <h2><strong><em>360°SHOP </em>全景逛店</strong><a href='http://www.gepszalag.com/wenda/3685.html#'> <img src='http://www.gepszalag.com/wenda/img/more.gif'></a> </h2> </p><p class='image'> <a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/content/360.gif'><span>CBD核心商圈尊崇典范</span> </a></p> </p> <!-- ................................................................. --> <p class='side_options sale'><p> <h2><strong><em>SHOP </em>折扣店</strong><a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/more.gif'></a> </h2></p><p class='pic_warp'> <p class='clear pic'><p class='fl img'> <a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/content/pic1.gif'></a></p><p class='fr'> <h3><a href='http://www.gepszalag.com/wenda/3685.html#'>漢萊國際美食百匯</a></h3> <p> 口味：<a href='http://www.gepszalag.com/wenda/3685.html#'>創意中餐</a><br> 區域：<a href='http://www.gepszalag.com/wenda/3685.html#'>朝陽/CBD</a> </p></p> </p></p><p> <ul class='side_list'><li><em>[<span>休閑</span>]  <a href='http://www.gepszalag.com/wenda/3685.html#'></em>東北菜可真好吃啊！</a></li><li><em>[<span>休閑</span>]  <a href='http://www.gepszalag.com/wenda/3685.html#'></em>東北菜可真好吃啊！</a></li><li><em>[<span>休閑</span>]  <a href='http://www.gepszalag.com/wenda/3685.html#'></em>東北菜可真好吃啊！</a></li><li><em>[<span>休閑</span>]  <a href='http://www.gepszalag.com/wenda/3685.html#'></em>東北菜可真好吃啊！</a></li><li><em>[<span>休閑</span>]  <a href='http://www.gepszalag.com/wenda/3685.html#'></em>東北菜可真好吃啊！</a></li><li><em>[<span>休閑</span>]  <a href='http://www.gepszalag.com/wenda/3685.html#'></em>東北菜可真好吃啊！</a></li><li><em>[<span>休閑</span>]  <a href='http://www.gepszalag.com/wenda/3685.html#'></em>東北菜可真好吃啊！</a></li><li><em>[<span>休閑</span>]  <a href='http://www.gepszalag.com/wenda/3685.html#'></em>東北菜可真好吃啊！</a></li> </ul></p> </p> <!-- ................................................................. --> <p class='side_options'><p> <h2><strong><em>COUPONS </em>最新加盟</strong><a href='http://www.gepszalag.com/wenda/3685.html#'> <img src='http://www.gepszalag.com/wenda/img/more.gif'></a> </h2></p><p class='coupons_pic'> <ul class='clear pic'><li class='fl'> <p><a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/content/pic1.gif'></a> </p> <p><h3><a href='http://www.gepszalag.com/wenda/3685.html#'>漢萊國際美食百匯</a></h3><p> 口味：<a href='http://www.gepszalag.com/wenda/3685.html#'>創意中餐</a><br> 區域：<a href='http://www.gepszalag.com/wenda/3685.html#'>朝陽/CBD</a></p> </p></li><li class='fr'> <p><a href='http://www.gepszalag.com/wenda/3685.html#'><img src='http://www.gepszalag.com/wenda/img/content/pic1.gif'></a> </p> <p><h3><a href='http://www.gepszalag.com/wenda/3685.html#'>漢萊國際美食百匯</a></h3><p> 口味：<a href='http://www.gepszalag.com/wenda/3685.html#'>創意中餐</a><br> 區域：<a href='http://www.gepszalag.com/wenda/3685.html#'>朝陽/CBD</a></p> </p></li> </ul></p><p> <ul class='side_list'><li><em>[<span>分享</span>]</em>  <a href='http://www.gepszalag.com/wenda/3685.html#'>我為啥愛吃東北菜</a></li><li><em>[<span>分享</span>]</em>  <a href='http://www.gepszalag.com/wenda/3685.html#'>我為啥愛吃東北菜</a></li><li><em>[<span>分享</span>]</em>  <a href='http://www.gepszalag.com/wenda/3685.html#'>我為啥愛吃東北菜</a></li><li><em>[<span>分享</span>]</em>  <a href='http://www.gepszalag.com/wenda/3685.html#'>我為啥愛吃東北菜</a></li><li><em>[<span>分享</span>]</em>  <a href='http://www.gepszalag.com/wenda/3685.html#'>我為啥愛吃東北菜</a></li><li><em>[<span>分享</span>]</em>  <a href='http://www.gepszalag.com/wenda/3685.html#'>我為啥愛吃東北菜</a></li></p> </p></aside> </p><!-- .................................................................................................................................. --> <footer> <a href='http://www.gepszalag.com/wenda/3685.html#'>關于我們</a>| <a href='http://www.gepszalag.com/wenda/3685.html#'>聯系我們</a>| <a href='http://www.gepszalag.com/wenda/3685.html#'>版權聲明</a>| <a href='http://www.gepszalag.com/wenda/3685.html#'>加入我們</a>| <a href='http://www.gepszalag.com/wenda/3685.html#'>問題反饋</a>| <a href='http://www.gepszalag.com/wenda/3685.html#'>友情鏈接</a>| <a href='http://www.gepszalag.com/wenda/3685.html#'>網站地圖</a>| <a href='http://www.gepszalag.com/wenda/3685.html#'>視頻索引</a>|<br> Copyright © 2008 www.100du.com 100度享樂網 版權所有 <span>京ICP證0843234號</span> </footer></body></html>
以下是CSS
/*---------------樣式重置---------------*/body,h1,h2,h3,h4,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin: 0; padding: 0;}em { font-style: normal;}li { list-style: none;}a { text-decoration: none;}img { border: none; vertical-align: top;}input,textarea { outline: none;}textarea { resize: none; overflow: auto;}html { font-size: 62.5%;}body { font-size: 1.2rem; font-family: '微軟雅黑';}/*---------------公共樣式---------------*/.clear { zoom: 1;}.clear:after { content:’’; display: block; clear: both; }.fl { float: left;}.fr
問題解答
回答1：加個overflow：hidden 之前做開發遇到過
回答2：在提問完之后，可以先把貼在問題上的代碼來到本地跑一下嗎？<p class='image>是什么鬼。。。。。。
網公網安備