资讯专栏INFORMATION COLUMN

上下高度固定(100px),中间自适应

niuxiaowei111 / 1808人阅读

摘要:绝对定位弹性布局网格布局表格布局不知道为什么表格布局里面设置背景颜色无效,自己在那时还是没有解决。当然这也算是在这种情况下使用表格布局的一个缺点吧,背景色容易被屏蔽。有哪位童鞋能够很好处理这个问题的还请指教一波,谢谢

1、绝对定位


    
        
        absolute
        
    
    
        
            
2、弹性布局


    
        
        flex
        
    
    
        
            
3、网格布局


    
        
        grid
        
    
    
        
        
4、表格布局


    
        
        table
        
    
    
        
        

PS:不知道为什么表格布局里面设置背景颜色无效,自己在那时还是没有解决。当然这也算是在这种情况下使用表格布局的一个缺点吧,背景色容易被屏蔽。有哪位童鞋能够很好处理这个问题的还请指教一波,谢谢> <

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/116275.html

相关文章

  • CSS+DIV适应布局

    摘要:自适应布局两列布局左右两侧,左侧固定宽度右侧自适应占满代码如下左右两侧,左侧固定宽度右侧自适应占满运行结果如下图两栏布局左定宽,右自动三列布局左中右三列,左右固定,中间自适应占满方法一左右浮动,中间,中间在最后代码如下左中右三列, CSS+DIV自适应布局 1.两列布局(左右两侧,左侧固定宽度200px;右侧自适应占满) 代码如下: 左右...

    sanyang 评论0 收藏0
  • CSS+DIV适应布局

    摘要:自适应布局两列布局左右两侧,左侧固定宽度右侧自适应占满代码如下左右两侧,左侧固定宽度右侧自适应占满运行结果如下图两栏布局左定宽,右自动三列布局左中右三列,左右固定,中间自适应占满方法一左右浮动,中间,中间在最后代码如下左中右三列, CSS+DIV自适应布局 1.两列布局(左右两侧,左侧固定宽度200px;右侧自适应占满) 代码如下: 左右...

    Cruise_Chan 评论0 收藏0
  • css上中下布局适应中间,左右布局适应左侧display: table

    摘要:在我们经常用到固定头部和底部,自适应中间部分,或者固定左侧,自适应右侧等。在网上看了很多方法,一般都是通过绝对定位完成,具体可以网上去搜,这样可以完成上中下的布局,但是这次基础上再做左右布局浮动会出现问题,具体什么问题我没有深究。 在css我们经常用到固定头部和底部,自适应中间部分,或者固定左侧,自适应右侧等。在网上看了很多方法,一般都是通过绝对定位完成,position: absol...

    Baaaan 评论0 收藏0
  • 常见的面试问题:【CSS】已知高度,写出三栏布局

    摘要:问题已知高度,写出三栏布局,其中左右两栏宽度各位,中间自适应回答效果示例解决方案浮动绝对定位弹性布局表格布局网格布局。方案二绝对定位将和的都设置脱离文档流,给的设置左右两边距离即左右两边盒子的实际宽度。 问题: 已知高度,写出三栏布局,其中左右两栏宽度各位200px,中间自适应showImg(https://segmentfault.com/img/bVbu6r1?w=300&h=1...

    MobService 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<