文章詳情頁

css - 新手做響應式布局，斷點過后右側出現空白，求幫助，謝謝。

瀏覽：126日期：2023-01-31 08:34:59

大屏幕的時候還是好的。 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.aoyou183.cn/wenda/css/style.css'></head><body> <header class='gradient'> 切換城市： <a href='http://www.aoyou183.cn/wenda/3685.html#' class='active'>北京</a> <a href='http://www.aoyou183.cn/wenda/3685.html#'>上海</a> <a href='http://www.aoyou183.cn/wenda/3685.html#'>廣州</a> <a href='http://www.aoyou183.cn/wenda/3685.html#'>深圳</a> <a href='http://www.aoyou183.cn/wenda/3685.html#'>長春</a> <a href='http://www.aoyou183.cn/wenda/3685.html#' class='active'>加盟100度</a> <a href='http://www.aoyou183.cn/wenda/3685.html#'>店鋪管理</a> </header> <nav><ul class='nav_1 fl'> <li><a href='http://www.aoyou183.cn/wenda/3685.html#' class='bg1'></a>美食</li> <li><a href='http://www.aoyou183.cn/wenda/3685.html#' class='bg2'></a>夜店</li> <li><a href='http://www.aoyou183.cn/wenda/3685.html#' class='bg3'></a>購物</li> <li><a href='http://www.aoyou183.cn/wenda/3685.html#' class='bg4'></a>文化</li> <li><a href='http://www.aoyou183.cn/wenda/3685.html#' class='bg5'></a>休閑</li></ul><ul class='nav_2 fr'> <li><a href='http://www.aoyou183.cn/wenda/3685.html#' class='bg6'></a>燒客空間</li> <li><a href='http://www.aoyou183.cn/wenda/3685.html#' class='bg7'></a>知道分子</li> <li><a href='http://www.aoyou183.cn/wenda/3685.html#' class='bg8'></a>白吃白拿</li> <li><a href='http://www.aoyou183.cn/wenda/3685.html#' class='bg9'></a>燒客論壇</li> <li><a href='http://www.aoyou183.cn/wenda/3685.html#' class='bg10'></a>企業俱樂部</li></ul><img src='http://www.aoyou183.cn/wenda/img/logo.png'> </nav> <ul class='nav'><li class='active'>搜店</li><li>地址</li><li>優惠券</li><li>全文</li><li>視頻</li> </ul> <form action='#'><input type='text' value='例如：好吃的東北菜~' /><input type='submit' value='' /> </form> <a href='http://www.aoyou183.cn/wenda/3685.html#'>金錢豹、</a> <a href='http://www.aoyou183.cn/wenda/3685.html#'>大江南、</a> <a href='http://www.aoyou183.cn/wenda/3685.html#'>湘水之珠、</a> <a href='http://www.aoyou183.cn/wenda/3685.html#'>德瑀樓</a> <a href='http://www.aoyou183.cn/wenda/3685.html#'>SOHO尚都、</a> <a href='http://www.aoyou183.cn/wenda/3685.html#'>湘味樓...</a>  <main class='fl'> <section class='clear'> <h3>WHAT’ HOT</h3><img src='http://www.aoyou183.cn/wenda/img/video.gif'> <video src='http://www.aoyou183.cn/wenda/video/movie.ogg' controls='controls'></video> <ul><li><a href='http://www.aoyou183.cn/wenda/3685.html#'>現場實錄：杭州機場系統崩潰</a></li><li><a href='http://www.aoyou183.cn/wenda/3685.html#'>現場實錄：杭州機場系機場系統崩潰</a></li><li><a href='http://www.aoyou183.cn/wenda/3685.html#'>現場實錄：杭州系統崩潰</a></li><li><a href='http://www.aoyou183.cn/wenda/3685.html#'>現場實錄：杭州機場系統崩潰</a></li><li><a href='http://www.aoyou183.cn/wenda/3685.html#'>現場實錄：杭州機場系機場系統崩潰</a></li><li><a href='http://www.aoyou183.cn/wenda/3685.html#'>現場實錄：杭州系統崩潰</a></li> </ul> <ul class='nav'><li class='active fl'> <h2>HOT&nbspSHOP&nbsp紅店鋪</h2></li><li class='gradient fr'> <h2>EW&nbspSHOP&nbsp新開張</h2></li> </ul> <ul> <li class='clear'><img src='http://www.aoyou183.cn/wenda/img/content/hot_list_pic1.gif'> <a href='http://www.aoyou183.cn/wenda/3685.html#'>御舟和涵珍園國際酒店</a> 區域省：朝陽/CBD 人均：180元 人氣：12321 </li> <li class='clear'><img src='http://www.aoyou183.cn/wenda/img/content/hot_list_pic1.gif'> <a href='http://www.aoyou183.cn/wenda/3685.html#'>御舟和涵珍園國際酒店</a> 區域省：朝陽/CBD 人均：180元 人氣：12321 </li> <li class='clear'><img src='http://www.aoyou183.cn/wenda/img/content/hot_list_pic1.gif'> <a href='http://www.aoyou183.cn/wenda/3685.html#'>御舟和涵珍園國際酒店</a> 區域省：朝陽/CBD 人均：180元 人氣：12321 </li></ul><a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/more.gif'></a>  </section> <img src='http://www.aoyou183.cn/wenda/img/ad/ad1.jpg'> <section class='clear YODAY'> <h2 class='lucky'> LUCKY&nbspYODAY 每日活動 2016.6</h2> <img src='http://www.aoyou183.cn/wenda/img/content/today1.gif'> <h2>0211 本日主題：電商網站 </h2> 遲到的榮譽——啦啦啦，現在還寫電商網站，紅燒肉紅燒肉~~ <h2> MON TUE WED THU FRI SAT SUN</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.aoyou183.cn/wenda/img/content/today1.gif' alt='' /></li> <li>22</li> <li>23</li> <li>24</li> <li>25<img info='遲到的榮譽——啦啦啦，現在還寫電商網站，呃好吧，沒詞兒了~~' src='http://www.aoyou183.cn/wenda/img/content/today2.gif' alt='' /></li> <li>26</li> <li>27</li> <li>28</li> <li>29<img info='氣質美女，陪誰去過明天的情人節？' src='http://www.aoyou183.cn/wenda/img/content/hot10.gif' alt='' /></li> <li>30<img info='帥哥是誰？陪誰去過情人節？' src='http://www.aoyou183.cn/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> <img src='http://www.aoyou183.cn/wenda/img/content/today2.gif'> <h2>MON本日主題</h2> 遲到的榮譽——啦啦啦，現在還寫電商網站，紅燒肉紅燒肉~~ <h2 class='recommdne'> RECOMMDNE 精彩推薦</h2> <ul> <li><a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/content/img1.gif'></a></li> <li style='display: none;'><a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/content/img2.gif'></a></li> <li style='display: none;'><a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/content/img3.gif'></a></li></ul><ol> <li class='active'><img src='http://www.aoyou183.cn/wenda/img/content/img1.gif'></li> <li><img src='http://www.aoyou183.cn/wenda/img/content/img2.gif'></li> <li><img src='http://www.aoyou183.cn/wenda/img/content/img3.gif'></li></ol>爸爸去哪啦！ <ul class='recommend_list'><li> <img src='http://www.aoyou183.cn/wenda/img/content/recommend_list1.gif'> <a href='http://www.aoyou183.cn/wenda/3685.html#'>老店換新顏，豐澤園野重張亮相...</a> 14/02/17</li><li> <img src='http://www.aoyou183.cn/wenda/img/content/recommend_list2.gif'> <a href='http://www.aoyou183.cn/wenda/3685.html#'>生活中哪些商品的包裝有缺陷呢</a> 14/02/17</li><li> <img src='http://www.aoyou183.cn/wenda/img/content/recommend_list1.gif'> <a href='http://www.aoyou183.cn/wenda/3685.html#'>老店換新顏，豐澤園野重張亮相...</a> 14/02/17</li><li> <img src='http://www.aoyou183.cn/wenda/img/content/recommend_list2.gif'> <a href='http://www.aoyou183.cn/wenda/3685.html#'>生活中哪些商品的包裝有缺陷呢</a> 14/02/17</li><li> <img src='http://www.aoyou183.cn/wenda/img/content/recommend_list1.gif'> <a href='http://www.aoyou183.cn/wenda/3685.html#'>老店換新顏，豐澤園野重張亮相...</a> 14/02/17</li><li> <img src='http://www.aoyou183.cn/wenda/img/content/recommend_list2.gif'> <a href='http://www.aoyou183.cn/wenda/3685.html#'>生活中哪些商品的包裝有缺陷呢</a> 14/02/17</li><li> <img src='http://www.aoyou183.cn/wenda/img/content/recommend_list1.gif'> <a href='http://www.aoyou183.cn/wenda/3685.html#'>老店換新顏，豐澤園野重張亮相...</a> 14/02/17</li><li> <img src='http://www.aoyou183.cn/wenda/img/content/recommend_list2.gif'> <a href='http://www.aoyou183.cn/wenda/3685.html#'>生活中哪些商品的包裝有缺陷呢</a> 14/02/17</li> </ul> </section> <section class='clear'> <ul class='nav'><li class='active fl'> <h2>SUBWAY&nbsp地鐵交通</h2></li><li class='gradient fr'> <h2>MAP&nbsp生活圈</h2></li> </ul> <img src='http://www.aoyou183.cn/wenda/img/content/123.gif'> <h2> BBS&nbsp論壇<a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/more.gif'> </a></h2><ol> <li class='active'>阿瑞斯ONE<img src='http://www.aoyou183.cn/wenda/img/content/bbs_img1.gif'>01<a href='http://www.aoyou183.cn/wenda/3685.html#'>保證你沒見過的古怪餐廳</a>世說新語 </li> <li>阿瑞斯TWO<img src='http://www.aoyou183.cn/wenda/img/content/bbs_img1.gif'>02<a href='http://www.aoyou183.cn/wenda/3685.html#'>紅燒肉紅燒肉紅燒肉紅燒肉</a>世說新語 </li> <li>阿瑞斯THREE<img src='http://www.aoyou183.cn/wenda/img/content/bbs_img1.gif'>03<a href='http://www.aoyou183.cn/wenda/3685.html#'>地三鮮地三鮮地三鮮地三鮮</a>世說新語 </li> <li>阿瑞斯FOUR<img src='http://www.aoyou183.cn/wenda/img/content/bbs_img1.gif'>04<a href='http://www.aoyou183.cn/wenda/3685.html#'>小雞蘑菇小雞蘑菇小雞蘑菇</a>世說新語 </li> <li>阿瑞斯FIVE<img src='http://www.aoyou183.cn/wenda/img/content/bbs_img1.gif'>05<a href='http://www.aoyou183.cn/wenda/3685.html#'>電商網站電商網站電商網站</a>世說新語 </li> <li>阿瑞斯SIX<img src='http://www.aoyou183.cn/wenda/img/content/bbs_img1.gif'>06<a href='http://www.aoyou183.cn/wenda/3685.html#'>魚魚魚魚魚魚魚魚魚魚魚</a>世說新語 </li> <li>阿瑞斯SEVEN<img src='http://www.aoyou183.cn/wenda/img/content/bbs_img1.gif'>07<a href='http://www.aoyou183.cn/wenda/3685.html#'>烤冷面烤冷面烤冷面烤冷面</a>世說新語 </li></ol> </section>  <img src='http://www.aoyou183.cn/wenda/img/ad/ad1.jpg'> <section class='clear'> <h2> LIFESTYLE&nbspADVICE&nbsp知道分子<a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/more.gif'> </a></h2> <ul class='gradient'> <li class='active'>有人在問</li> <li>有人知道</li> <li>熱門問題</li></ul> <ul class='list_section tabCon3'><li class='title'> 標題 狀態</li><li> <a href='http://www.aoyou183.cn/wenda/3685.html#'>[休閑] 老北京一尊皇牛</a> <img src='http://www.aoyou183.cn/wenda/img/ico1.gif' alt='' /></li><li> <a href='http://www.aoyou183.cn/wenda/3685.html#'>[美食] 老北京一尊京一尊京一尊皇牛</a> <img src='http://www.aoyou183.cn/wenda/img/ico2.gif' alt='' /></li><li> <a href='http://www.aoyou183.cn/wenda/3685.html#'>[休閑] 老北京一尊皇牛</a> <img src='http://www.aoyou183.cn/wenda/img/ico1.gif' alt='' /></li><li> <a href='http://www.aoyou183.cn/wenda/3685.html#'>[美食] 老北京一尊京一尊京一尊皇牛</a> <img src='http://www.aoyou183.cn/wenda/img/ico2.gif' alt='' /></li><li> <a href='http://www.aoyou183.cn/wenda/3685.html#'>[休閑] 老北京一尊皇牛</a> <img src='http://www.aoyou183.cn/wenda/img/ico1.gif' alt='' /></li> </ul> <form action='#'> 搜搜誰知道： <input type='text' /> <input type='submit' value='' /> </form> <h2> HOT&nbsp紅人燒客<a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/more.gif'> </a></h2> <ul><li><img src='http://www.aoyou183.cn/wenda/img/content/hot1.gif' alt='' /></li><li><img src='http://www.aoyou183.cn/wenda/img/content/hot2.gif' alt='' /></li><li class='area1'> 用戶名：性感寶貝 區域：朝陽CBD 人氣：124987 <img src='http://www.aoyou183.cn/wenda/img/content/hot3.gif' alt='' /></li><li><img src='http://www.aoyou183.cn/wenda/img/content/hot4.gif' alt='' /></li><li><img src='http://www.aoyou183.cn/wenda/img/content/hot5.gif' alt='' /></li><li class='area2'><img src='http://www.aoyou183.cn/wenda/img/content/hot6.gif' alt='' /></li><li class='area2'><img src='http://www.aoyou183.cn/wenda/img/content/hot7.gif' alt='' /></li><li><img src='http://www.aoyou183.cn/wenda/img/content/hot8.gif' alt='' /></li><li><img src='http://www.aoyou183.cn/wenda/img/content/hot9.gif' alt='' /></li><li class='area2'><img src='http://www.aoyou183.cn/wenda/img/content/hot10.gif' alt='' /></li><li class='area2'><img src='http://www.aoyou183.cn/wenda/img/content/hot11.gif' alt='' /></li> </ul> </section>  <section class='clear'> <h2> HELP&nbsp在線幫助</h2> 您有任何問題，都可以通過全國負費電話，或通過在線客服與我們聯系！<ul> <li class='phone fl'>4006-100-516</li> <li >100do.com@live.cn</li></ul> <dl class='fl'> <dt>用戶幫助</dt> <dd><a href='http://www.aoyou183.cn/wenda/3685.html#'>金幣是什么</a></dd> <dd><a href='http://www.aoyou183.cn/wenda/3685.html#'>怎樣查看我的等級</a></dd> <dd><a href='http://www.aoyou183.cn/wenda/3685.html#'>怎么賺積分</a></dd></dl><dl class='fr'> <dt>商戶幫助</dt> <dd><a href='http://www.aoyou183.cn/wenda/3685.html#'>如何成為明星商戶</a></dd> <dd><a href='http://www.aoyou183.cn/wenda/3685.html#'>郵件推廣</a></dd> <dd><a href='http://www.aoyou183.cn/wenda/3685.html#'>論壇推廣方法</a></dd></dl> <h2> 100DU&nbspIN&nbspTHE&nbspMEDIA&nbsp媒體聲音<a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/more.gif'> </a></h2> <li><a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/content/media1.gif' alt='1' /></a>日本最大的財經雜志《鉆石周刊》對100度享樂網的報道</li><li> <a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/content/media2.gif' alt='2' /></a> 視頻網站100度享樂網獲得網絡視聽許可證</li><li> <a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/content/media3.gif' alt='3' /></a> 互聯網上的視頻櫥窗</li><li> <a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/content/media4.gif' alt='4' /></a> 享樂主義的機會</li> </section></main><aside class='fr'> <h2 class='gradient'>LOAD 登陸</h2><form action='#'> <ul><li> 用戶名： <input type='text' /> <label><input type='checkbox' />記住我 </label></li><li> 密碼： <input type='password' /> <input type='submit' value='登陸' /></li> </ul></form> <a href='http://www.aoyou183.cn/wenda/3685.html#'>新用戶注冊</a><a href='http://www.aoyou183.cn/wenda/3685.html#'>忘記密碼了</a>  <img src='http://www.aoyou183.cn/wenda/img/ad/ad2.jpg'> <img src='http://www.aoyou183.cn/wenda/img/ad/ad3.jpg'>  <h2>COUPONS&nbsp搶券<a href='http://www.aoyou183.cn/wenda/3685.html#'> <img src='http://www.aoyou183.cn/wenda/img/more.gif'></a> </h2> <ul class='gradient'> <li class='active'>人氣</li> <li>推薦</li> <li>最新</li></ul> <ul class='list_section tabCon3'> <li class='title'>標題狀態 </li> <li> <a href='http://www.aoyou183.cn/wenda/3685.html#'>[休閑] 老北京一尊皇牛</a><img src='http://www.aoyou183.cn/wenda/img/ico1.gif' alt='' /> </li> <li> <a href='http://www.aoyou183.cn/wenda/3685.html#'>[美食] 老北京一尊京</a><img src='http://www.aoyou183.cn/wenda/img/ico2.gif' alt='' /> </li> <li> <a href='http://www.aoyou183.cn/wenda/3685.html#'>[休閑] 老北京一尊皇牛</a><img src='http://www.aoyou183.cn/wenda/img/ico1.gif' alt='' /> </li> <li> <a href='http://www.aoyou183.cn/wenda/3685.html#'>[美食] 老北京一尊京</a><img src='http://www.aoyou183.cn/wenda/img/ico2.gif' alt='' /> </li> <li> <a href='http://www.aoyou183.cn/wenda/3685.html#'>[休閑] 老北京一尊皇牛</a><img src='http://www.aoyou183.cn/wenda/img/ico1.gif' alt='' /> </li></ul>  <h2>SHOP&nbsp今日推薦<a href='http://www.aoyou183.cn/wenda/3685.html#'> <img src='http://www.aoyou183.cn/wenda/img/more.gif'></a> </h2> <ul class='pic_list'><li class='clear'> <a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/content/pic1.gif'></a> <h3><a href='http://www.aoyou183.cn/wenda/3685.html#'>漢萊國際美食百匯</a></h3> 口味：<a href='http://www.aoyou183.cn/wenda/3685.html#'>創意中餐</a> 區域：<a href='http://www.aoyou183.cn/wenda/3685.html#'>朝陽/CBD</a> </li><li class='clear'> <a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/content/pic1.gif'></a> <h3><a href='http://www.aoyou183.cn/wenda/3685.html#'>漢萊國際美食百匯</a></h3> 口味：<a href='http://www.aoyou183.cn/wenda/3685.html#'>創意中餐</a> 區域：<a href='http://www.aoyou183.cn/wenda/3685.html#'>朝陽/CBD</a> </li><li class='clear'> <a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/content/pic1.gif'></a> <h3><a href='http://www.aoyou183.cn/wenda/3685.html#'>漢萊國際美食百匯</a></h3> 口味：<a href='http://www.aoyou183.cn/wenda/3685.html#'>創意中餐</a> 區域：<a href='http://www.aoyou183.cn/wenda/3685.html#'>朝陽/CBD</a> </li><li class='clear'> <a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/content/pic1.gif'></a> <h3><a href='http://www.aoyou183.cn/wenda/3685.html#'>漢萊國際美食百匯</a></h3> 口味：<a href='http://www.aoyou183.cn/wenda/3685.html#'>創意中餐</a> 區域：<a href='http://www.aoyou183.cn/wenda/3685.html#'>朝陽/CBD</a> </li> </ul>  <h2>360°SHOP&nbsp全景逛店<a href='http://www.aoyou183.cn/wenda/3685.html#'> <img src='http://www.aoyou183.cn/wenda/img/more.gif'></a> </h2> <a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/content/360.gif'>CBD核心商圈尊崇典范 </a>  <h2>SHOP&nbsp折扣店<a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/more.gif'></a> </h2> <a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/content/pic1.gif'></a> <h3><a href='http://www.aoyou183.cn/wenda/3685.html#'>漢萊國際美食百匯</a></h3> 口味：<a href='http://www.aoyou183.cn/wenda/3685.html#'>創意中餐</a> 區域：<a href='http://www.aoyou183.cn/wenda/3685.html#'>朝陽/CBD</a> <ul class='side_list'><li>[休閑]&nbsp&nbsp<a href='http://www.aoyou183.cn/wenda/3685.html#'>東北菜可真好吃啊！</a></li><li>[休閑]&nbsp&nbsp<a href='http://www.aoyou183.cn/wenda/3685.html#'>東北菜可真好吃啊！</a></li><li>[休閑]&nbsp&nbsp<a href='http://www.aoyou183.cn/wenda/3685.html#'>東北菜可真好吃啊！</a></li><li>[休閑]&nbsp&nbsp<a href='http://www.aoyou183.cn/wenda/3685.html#'>東北菜可真好吃啊！</a></li><li>[休閑]&nbsp&nbsp<a href='http://www.aoyou183.cn/wenda/3685.html#'>東北菜可真好吃啊！</a></li><li>[休閑]&nbsp&nbsp<a href='http://www.aoyou183.cn/wenda/3685.html#'>東北菜可真好吃啊！</a></li><li>[休閑]&nbsp&nbsp<a href='http://www.aoyou183.cn/wenda/3685.html#'>東北菜可真好吃啊！</a></li><li>[休閑]&nbsp&nbsp<a href='http://www.aoyou183.cn/wenda/3685.html#'>東北菜可真好吃啊！</a></li> </ul>  <h2>COUPONS&nbsp最新加盟<a href='http://www.aoyou183.cn/wenda/3685.html#'> <img src='http://www.aoyou183.cn/wenda/img/more.gif'></a> </h2> <ul class='clear pic'><li class='fl'> <a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/content/pic1.gif'></a> <h3><a href='http://www.aoyou183.cn/wenda/3685.html#'>漢萊國際美食百匯</a></h3> 口味：<a href='http://www.aoyou183.cn/wenda/3685.html#'>創意中餐</a> 區域：<a href='http://www.aoyou183.cn/wenda/3685.html#'>朝陽/CBD</a> </li><li class='fr'> <a href='http://www.aoyou183.cn/wenda/3685.html#'><img src='http://www.aoyou183.cn/wenda/img/content/pic1.gif'></a> <h3><a href='http://www.aoyou183.cn/wenda/3685.html#'>漢萊國際美食百匯</a></h3> 口味：<a href='http://www.aoyou183.cn/wenda/3685.html#'>創意中餐</a> 區域：<a href='http://www.aoyou183.cn/wenda/3685.html#'>朝陽/CBD</a> </li> </ul> <ul class='side_list'><li>[分享]&nbsp&nbsp<a href='http://www.aoyou183.cn/wenda/3685.html#'>我為啥愛吃東北菜</a></li><li>[分享]&nbsp&nbsp<a href='http://www.aoyou183.cn/wenda/3685.html#'>我為啥愛吃東北菜</a></li><li>[分享]&nbsp&nbsp<a href='http://www.aoyou183.cn/wenda/3685.html#'>我為啥愛吃東北菜</a></li><li>[分享]&nbsp&nbsp<a href='http://www.aoyou183.cn/wenda/3685.html#'>我為啥愛吃東北菜</a></li><li>[分享]&nbsp&nbsp<a href='http://www.aoyou183.cn/wenda/3685.html#'>我為啥愛吃東北菜</a></li><li>[分享]&nbsp&nbsp<a href='http://www.aoyou183.cn/wenda/3685.html#'>我為啥愛吃東北菜</a></li> </aside>  <footer> <a href='http://www.aoyou183.cn/wenda/3685.html#'>關于我們</a>| <a href='http://www.aoyou183.cn/wenda/3685.html#'>聯系我們</a>| <a href='http://www.aoyou183.cn/wenda/3685.html#'>版權聲明</a>| <a href='http://www.aoyou183.cn/wenda/3685.html#'>加入我們</a>| <a href='http://www.aoyou183.cn/wenda/3685.html#'>問題反饋</a>| <a href='http://www.aoyou183.cn/wenda/3685.html#'>友情鏈接</a>| <a href='http://www.aoyou183.cn/wenda/3685.html#'>網站地圖</a>| <a href='http://www.aoyou183.cn/wenda/3685.html#'>視頻索引</a>| Copyright&nbsp©&nbsp2008&nbspwww.100du.com&nbsp100度享樂網&nbsp版權所有 京ICP證0843234號 </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：

在提問完之后，可以先把貼在問題上的代碼來到本地跑一下嗎？是什么鬼。。。。。。

CSS

上一條：html5 - H5 video 問題下一條：css - 關于border-image

排行榜

					
					css3 - [CSS] 動畫效果 3D翻轉bug
主從備份 - 跪求mysql 高可用主從方案
mysql優化 - mysql count(id)查詢速度如何優化?
angular.js - 不適用其他構建工具，怎么搭建angular1項目
python - django 里自定義的  login 方法，如何使用 login_required()
android-studio - Android 動態壁紙LayoutParams問題
angular.js - angularjs 用ng-reapt渲染的dom  怎么獲取上面的屬性
node.js - node_moduls太多了
python如何不改動文件的情況下修改文件的 修改日期
mysql主從 - 請教下mysql 主動-被動模式的雙主配置 和 主從配置在應用上有什么區別？
java8中，邏輯與 & 符號用在接口類上代表什么意思
				

熱門標簽

亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

css - 新手做響應式布局， 斷點過后右側出現空白，求幫助，謝謝。

css - 新手做響應式布局，斷點過后右側出現空白，求幫助，謝謝。