整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          CSS 兩列布局方式三

          CSS 兩列布局方式三
          <div class="parent">
          <div class="left">左: 定寬</div>
          <div class="right">右: 自適應</div>
          </div>

          過以下 CSS 代碼實現兩列布局效果

          .parent{
          display: table;
          table-layout: fixed;
          }
          .left, .right{display: table-cell;}
          .left{width:100px;}

          優點:

          瀏覽器兼容性比較好

          缺點:

          將所有元素的 display 屬性設置為 table 相關值, 受到相應制約

          <div class="parent">
          <div class="left">左: 定寬</div>
          <div class="right">右: 自適應</div>
          </div>

          過以下 CSS 代碼實現兩列布局效果

          .left{
          width:100px;
          float:left;
          }
          .right{overflow:hidden;}

          優點:

          上述解決方案中的問題在此解決方案中都沒有

          缺點:

          overflow 屬性不僅解決了兩列布局問題, 同時設置了內容溢出的情況

          <div class="parent">
          <div class="left">左: 定寬</div>
          <div class="right-fix">
          <div class="right">右: 自適應</div>
          </div>
          </div>

          過以下 CSS 代碼實現兩列布局效果:


          主站蜘蛛池模板: 国产乱码一区二区三区四| 日韩精品一区二区三区在线观看| 无码中文字幕一区二区三区| 国产中的精品一区的| 色老头在线一区二区三区| 三上悠亚日韩精品一区在线| 国产精品亚洲一区二区无码| 国产亚洲一区二区精品| 久久精品综合一区二区三区| 欧美日韩精品一区二区在线观看| 日韩人妻不卡一区二区三区| 亚洲一区二区三区无码影院| 日韩伦理一区二区| 国产精品一区电影| 在线视频精品一区| 免费无码一区二区三区蜜桃大| 精品亚洲AV无码一区二区| 亚洲一区中文字幕久久| 国产一区二区免费视频| 亚洲韩国精品无码一区二区三区| 夜色阁亚洲一区二区三区| 激情综合丝袜美女一区二区| 日韩一区二区在线免费观看| 日韩精品一区在线| 视频一区在线播放| 一区二区三区免费高清视频| 日本精品一区二区三区四区| 亚洲av区一区二区三| 国产福利一区二区在线视频 | 久久久无码精品人妻一区| 亚洲一区精彩视频| 国产未成女一区二区三区| 国产高清视频一区二区| 高清一区二区三区视频| 久久一区二区免费播放 | 日韩精品中文字幕视频一区| 在线观看中文字幕一区| 无码av不卡一区二区三区| 黄桃AV无码免费一区二区三区 | 中文字幕一区一区三区| 亚洲中文字幕在线无码一区二区|