自丟網

 找回密碼
 立即注冊
打印 上一主題 下一主題

移動端流式布局案例附代碼

[復制鏈接]
跳轉到指定樓層
樓主
作者: admin(管理員) | 丟幣: 38528 (丟幣充值) | 查看: 77| 回復: 0 | 發表于 2020-1-6 15:25:11 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式
移動端流式布局案例附代碼
  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標簽
下一篇:IT戰蟻推薦vscode軟件安裝插件
樓主熱帖
回復

使用道具 舉報

網站地圖|Archiver|手機版|百度統計|( 粵ICP備17166275號 )自丟網

部分資源來源于互聯網,如有侵權請郵寄聯系站長處理([email protected]

Powered by 自丟網

Copyright © 2017-2020, www.104603.live

快速回復 返回頂部 返回列表
江西快三走势图一定牛