分享一道弹性盒模型笔试题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了分享一道弹性盒模型笔试题相关的知识,希望对你有一定的参考价值。

  

  请用弹性盒模型原理写出类名为divA divB divC三个元素横排三列(出divA宽度为50px,以外,其他平分剩余空间)的html与CSS。

 

  <style>
  body{
	margin:0;
	padding:0;
  }
  .box{
	width:100%;
	height:50px;
	display:flex;
	flex-direction:row;
  }
  .divA{
	width:50px;
	background:blue;
  }
  .divB,.divC{
	flex:1;
  }
  .divB{
	background:red;
  }
  .divC{
	background:yellow;
  }
  </style>

以上是关于分享一道弹性盒模型笔试题的主要内容,如果未能解决你的问题,请参考以下文章

2021年阿里笔试题分享——大数相加

弹性盒模型flex

各个公司前端笔试题回顾

nice公司的一道笔试题讲解

JavaScript笔试题(js高级代码片段)

2022前端笔试面试题