开发者社区> 问答> 正文

CSS中width:fill-available和width:100%的区别?

CSS中width:fill-available和width:100%的区别?

展开
收起
杨冬芳 2016-06-13 14:36:49 2880 0
1 条回答
写回答
取消 提交回答
  • IT从业
    class="child">
            这里设置了`padding跟width:100%`的时候会撑破外层,但`fill-available`不会
        </div>
    </div>
    .parent {
      width: 300px; 
      outlien: 1px dashed #f00;
    }
    .child  { 
      background: #000;
      width: 100%;
      width: fill-available;
    }
    `
    所以总结一下,fill-available是智能计算剩下可用空间,如果没有padding/margin等其它属性干扰,等同于100%,但若有属性干扰,那就会智能计算。
    2019-07-17 19:35:58
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载