admin 發表于 2020-01-06 | 閱讀數: 124 |閱讀模式 | 打印 | 點擊分享朋友圈
移動端流式布局案例附代碼
  1. <!DOCTYPE html>
  2. <html lang="en">

  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7.     <title>流式布局案例-IT戰蟻</title>
  8.     <style>
  9.         body {
  10.             margin: 0px;
  11.         }
  12.         
  13.         section {
  14.             max-width: 980px;
  15.             min-width: 320px;
  16.             margin: 0 auto;
  17.         }
  18.         
  19.         section div:nth-child(1) {
  20.             float: left;
  21.             width: 50%;
  22.             height: 200px;
  23.             background-color: pink;
  24.         }
  25.         
  26.         section div:nth-child(2) {
  27.             float: left;
  28.             width: 50%;
  29.             height: 200px;
  30.             background-color: red;
  31.         }
  32.     </style>
  33. </head>

  34. <body>
  35.     <section>
  36.         <div></div>
  37.         <div></div>
  38.     </section>
  39. </body>

  40. </html>
復制代碼


推薦給好友: [復制鏈接]
上一篇:html5標簽:常用新增語義化h5標簽摘要:html5標簽,常用新增語義化標簽 <header> :頭部標簽 ...
下一篇:w3c標準html5手冊.chm 免費下載摘要:w3c標準html5手冊.chm 免費分享下載
推薦文章

舉報

相關文章

    移動端常見布局都有哪些,移動端技術選型 移動端常見布局都有哪些,移動端技術選型單獨制作移動端頁面(主流) ●流式布局 (百分比布局) ●flex 彈性布局(強烈推薦) ●less+rem+ 媒體查詢布局 ●混合布局 一、固定布局 固定布局是第一次做移動端時最好的選 ...
 

今日:43 ? ? 昨日:2 ? ?總數:7546
我們承接以下業務
網站建設:提供品牌官網解決方案 模板制作:仿站/效果圖轉模板 CSS布局調整:重新修改Web排版布局 網站維護:網站/服務器/數據庫維護優化 其他問題解決:解決建站所遇到的問題 聯系QQ: 6369341 電子郵箱: [email protected]
排行榜

關注我們:微信掃一掃

官方微信

手機版訪問

我們的服務宗旨:

客戶至上,用心服務

微信號:q515138

QQ/郵箱:6369341 / [email protected]

版權聲明:部分資源來源于互聯網,如有侵權請郵寄聯系站長處理

Copyright   ©2019-2050  自丟網Powered by www.skrujr.live 技術維護:6369341    ( 粵ICP備17166275號 )
鸟叔彩金 网络麻将赌博犯法吗 微乐辽宁麻将app下载 今晚cba比赛即时比分 11选5开奖结果走 500篮球比分直播网 做股票配资的营销话术 福利彩票p62走势图 免费下载麻将游戏 沦陷在日本sm俱乐部续 甘肃十一选五遗漏数 免费代理麻将棋牌软件 众晟商务股票配资 湖北麻将一赖到底 国产美女一级a做爰 11选5 广东呼和浩特沐足店转让