用五种不同的布局方式实现“左右300px中间自适应”的效果-白红宇

用五种不同的布局方式实现“左右300px中间自适应”的效果

阅读量：5371 次

发布时间：2019-06-15

本文共 1196 字，大约阅读时间需要 3 分钟。

float浮动


             
              
                  
       
            
       
            
                       
        浮动解决方案
                1.这是三栏布局中的中间部分                2.这是三栏布局中的中间部分

absolute绝对定位


             
              
                  
       
            
       
            
                       
        绝对定位解决方案
                2.这是三栏布局的中间部分

flex布局


             
              
                  
       
            
                       
        flex布局解决方案
                3.这是三栏布局的中间部分            
       
            
                       
        flex布局解决方案
                3.这是三栏布局的中间部分

table布局


             
              
                  
       
            
                       
        table解决方案
                4.这是三栏布局的中间部分

grid网格布局


             
              
                  
       
            
                       
        网格布局解决方案
                5.这是三栏布局的中间部分

转载于:https://www.cnblogs.com/amcy/p/9877893.html

你可能感兴趣的文章

ubuntu15.10运行android studio出错unable to run mksdcard sdk tool

查看>>

HashMap面试知多少

查看>>

Effective C# 学习笔记（二十七）使你的类型可被序列化

The dependency `xxx` is not used in any concrete target.

查看>>

Bootstrap 中下拉菜单和滚动监听插件（十一）(持续更新中。。。)

[Codeforces Round #247 (Div. 2)] A. Black Square

查看>>

[HDU] 1285 确定比赛名次(拓扑排序)

查看>>

UML第四次作业：绘制活动图

查看>>

GOOGLE API - 翻译，后台c# 调用前台js代码， asp.net后台调用js代码

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！-- 愿君每日到此一游！

强烈建议你试试无所不能的CHAT-GPT，快点击我